Front-End Meetup 12/2/15

Build Tools Overview & Responsive Images

---

Build Tools Overview

Zach's Slides

Build Tools

• Yeoman
• Bower
• npm
• Broccoli
• Grunt
• Gulp
• Koala
• Prepros
• CodeKit
• Make

---

Responsive Images

Eric's Slides

Resources

• Big list of resources on responsive images
• Cloud 4's Responsive Images 101
  • Part 1: definitions
  • Part 2: img required
  • Part 3: srcest display density
  • Part 4: srcset width descriptors
  • Part 5: sizes
  • Part 6: picture element
  • Part 7: type
  • Part 8: css images
  • Part 9: image breakpoints
  • Part 10: conclusion
• Responsive Images Community Group site
• Can I use? srcset
• Can I use? Picture Element
• Picturefill responsive image polyfill
• Responsive Icons
• ImageResizer.net – .NET library and image server
• Cloudinary - Cloud-based server-side image service
• FLIF - Free lossless image format