Web Design Weekly #175

March 03, 2015 - Jake Bresnehan

Headlines

Radical Statements about the Mobile Web

James Long gives his own version of the state of the mobile web. He has some extremely good points and predictions. All in all, the future is bright! (jlongster.com)

Apple’s Web? (timkadlec.com)

Articles

Responsive Hero Images

Jason Grigsby explains the unique challenges we face when developing responsive hero images and shares some nice advice plus a handy checklist for performing a responsive images audit. (cloudfour.com)

Death to typewriters

Marcin Wichary writes about how the Medium team go above and beyond to make the typography awesome. If you are a typography nerd this is a must read! (medium.com)

Design Like You’re Right. Listen like you’re wrong.

An old post by John Lilly which was republished on Medium about how we should use the data that surrounds us to help us grow and develop better products. Couldn’t agree more. Wise words. (medium.com)

Create an Animating Clock

A great article by Donovan Hutchinson on how to create an animating clock. The clock is created using HTML, CSS, an SVG background and a little JavaScript. He uses CSS animations and transitions for movement and relies on a sprinkling of JavaScript to set the initial time and adding basic CSS transforms. (cssanimation.rocks)

On meta-design and algorithmic design systems (runemadsen.com)

Why you should take a look at Ember (again) (glatter-gotz.com)

Tools / Resources

Awesomplete

With Lea Verou putting the finishing touches on her new book CSS Secrets she finally found some time to release another great resource. Awesomplete is a lightweight autocomplete with zero dependencies. (lea.verou.me)

Grunt responsive images extender

This Grunt task scans your source files for HTML img tags and extends them with `srcset` and optional `sizes` attributes to leverage native responsive images. (github.com)

A large collection of resources to help you make fast sites (perf-tooling.today)

Publishing your jQuery plugin to npm (npmjs.org)

Keep a Changelog (keepachangelog.com)

Inspiration

Your competitors should be a source of motivation (pippinsplugins.com)

Web Design in Japan (tutsplus.com)

CSS+SVG Pacman (codepen.io)

Jobs

Web Developer at Campaign Monitor

We’re looking for an experienced developer with solid front-end and back-end skills to manage, maintain and scale our existing marketing site. With 1.2 million page views a month, we’ve got big plans that require a dedicated and passionate individual. (campaignmonitor.com)

Front End Engineer at Yelp

Join Yelp’s Front-end team and help build a modern, style guide-driven UX for our 138 million users! We’re looking for people who love good code and working closely with design, product and other engineers to make great features. (yelp.com)

Need to find passionate developers? Why not advertise in the next newsletter!

Last but not least…

Expedia’s experience with responsive web design (responsivewebdesign.com)