Easily generate patterns for use in data graphics.
Generates tiling SVG from text/hash value
Search and scrape github repos for fonts.
Inspect features of any font file.
Bookmarks / Other Bookmarks / Tutorials
Stuff to do right before launch
Run these on any new site
Chrome Extension
Checks a single asset from `14 different locations.
Making Websites
Libraries
- 
  
    
    ashiguruma/patternomaly 
   github.com
LibrariesEasily generate patterns for use in data graphics.
Documentation
- 
  
    
    Guides: Accessibility & Learning Technologies: Resources 
   guides.library.upenn.edu
- 
  
    
    Accessibility Guidelines 
   accessibility.voxmedia.com
- 
  
    
    Homebrew cheatsheet 
   ricostacruz.com
DocumentationWeb Design Snippets
- 
  
    
    WebComponents.org 
   webcomponents.org
- 
  
    
    Squeezebox Portfolio Template | CodyHouse 
   codyhouse.co
- 
  
    
    GeoPattern 
   btmills.github.io
- 
  
    
    Constellation Theme for WordPress 
   constellationtheme.com
- 
  
    
    Basic - Free Responsive Starter WordPress Theme by Themify 
   themify.me
- 
  
    
    Image inside of image scaling proportionally 
   jsfiddle.net
- 
        
          11 more
         
Web Design SnippetsGenerates tiling SVG from text/hash value
Wordpress
- 
  
    
    WordPress › Template Hierarchy | Theme Developer Handbook | WordPress Developer Resources 
   developer.wordpress.org
- 
  
    
    Reference | WordPress Developer Resources 
   developer.wordpress.org
- 
  
    
    WordPress › ExpressCurate « WordPress Plugins 
   wordpress.org
WordpressCSS
- 
  
    
    CSSFX - Beautifully simple click-to-copy CSS effects 
   cssfx.dev
- 
  
    
    Animista - Copypaste CSS Keyframe Animations 
   animista.net
CSSWeb Design Tools
- 
  
    
    Digital Design Tools 
   digitaldesign.tools
- 
  
    
    SiteStacks Discover stack of popular websites 
   sitestacks.com
- 
  
    
    &what: Discover Unicode & HTML Character Entities 
   amp-what.com
- 
  
    
    FileFormat.Info · The Digital Rosetta Stone 
   fileformat.info
- 
  
    
    kamranahmedse/design-patterns-for-humans: Design Patterns for Humans™ - An ultra-simpli... 
   github.com
- 
  
    
    URL-encoder for SVG 
   yoksel.github.io
- 
        
          10 more
         
Web Design ToolsTypography
- 
  
    
    Get the Font 
    
   getthefont.com
- 
  
    
    Open Foundry / Hot 30 
   open-foundry.com
- 
  
    
    FontDrop! 
   fontdrop.info
- 
  
    
    Sharp Sans Display No.1 
   sharptype.co
- 
  
    
    bjrtypo 
   bjrtypo.com
- 
  
    
    Discover.typography by H&Co 
   discover.typography.com
- 
        
          2 more
         
TypographySearch and scrape github repos for fonts.
Inspect features of any font file.
Tutorials
Bookmarks / Other Bookmarks / Tutorials
- 
  
    
    web.dev 
   web.dev
- 
  
    
    Spurious Splines · inconvergent 
   inconvergent.net
- 
  
    
    The Art of PNG Glitch 
   ucnv.github.io
- 
  
    
    Cohesive Colors | A tool for creating more cohesive color schemes. 
   javier.xyz
- 
  
    
    Google JavaScript Style Guide 
   google.com
- 
  
    
    WordPress | CSS-Tricks 
   css-tricks.com
- 
        
          20 more
         
Tutorials Bookmarks / Other Bookmarks / TutorialsBooks
- 
  
    
    UX Books List 
   designerhangout.co
BooksPolishing
Stuff to do right before launch
- 
  
    
    Progressive Tooling 
   progressivetooling.com
- 
  
    
    thedaviddias/Front-End-Performance-Checklist 
   github.com
- 
  
    
    lukecav/awesome-wp-speed-up 
   github.com
- 
  
    
    23 Development Tools for Boosting Website Performance — SitePoint 
   sitepoint.com
- 
  
    
    Google PageSpeed Insights - Scoring 100/100 with WordPress 
   keycdn.com
Polishing Stuff to do right before launchTests
Run these on any new site
- 
  
    
    Website Optimization: 17 Tools To Help Improve Your Website in 2019 
   awwwards.com
- 
  
    
    YSlow 
   yslow.org
- 
  
    
    Web Performance Test - 14+ Global Test Locations 
   tools.keycdn.com
- 
  
    
    Website Speed and Performance Optimization 
   gtmetrix.com
- 
  
    
    CSS Stats 
    
   cssstats.com
- 
  
    
    Website Grader 
   website.grader.com
- 
        
          12 more
         
Tests Run these on any new siteChrome Extension
Checks a single asset from `14 different locations.