Skip to content

Instantly share code, notes, and snippets.

@heyfletch
Last active August 29, 2015 14:04
Show Gist options
  • Save heyfletch/d324f238eb0bfff6cdb5 to your computer and use it in GitHub Desktop.
Save heyfletch/d324f238eb0bfff6cdb5 to your computer and use it in GitHub Desktop.
Website Build Ingredients
  • matchmedia: testing whether or not a media query applies with Javascript
  • picturefill: switch image sizes / hidpi / retina (includes matchmedia?)
  • Gulp or Grunt: build system / task runner
  • NPM: node package manager
  • composer: PHP package manager
  • bower: JS package manager
  • autoprefixer: add browser prefixes
  • cssmin: minify and concatenate CSS
  • imagemin: lossless image compression
  • spritesmith: create sprites
  • svgGui: optimize SVGs
  • lean modernizer grunt: remove unused modernizer
  • uncss: remove unused CSS
  • critical or penthouse: Extract & Inline Critical-path CSS
  • loadcss: load sitewide css after above the fold css
  • uglify: minify & concatenate javascript
  • requirejs?: async / onload js
  • libsass: convert sass to css
  • compass: do compass stuff
  • livereload (or that new one, browsersync.io?): reload web page while building

#Testing

  • pagespeed: best practices
  • pingdom: speed and grade
  • webpagetest: speed and grade
  • Facebook debugger: social media sharing
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment