Web Design Weekly #162


Designing for Large Screen Smartphones

As smartphones continue to get larger but our hands don’t, what kind of design solutions can ensure mobile interactions remain comfortable, quick and easy on our thumbs? Here’s a few options to consider suggested by Luke Wroblewski. (lukew.com)

The First Browser Dedicated to Developers is Coming (blog.mozilla.org)

User Experience Design Immersive Scholarship

General Assembly is offering a partial scholarship for $8,500 to a qualified candidate interested in the User Experience Design Immersive program, launching this December across GA campuses. To be eligible for the scholarship, fill out the scholarship application form no later than Monday, 10 November. (generalassemb.ly)

Sponsor Web Design Weekly and reach over 21,958 Developers


Styling And Animating SVGs With CSS

Sara Soueidan goes over a few techniques for working with CSS in SVG. She also dives into exporting and optimising them for embedding and how each one affects the styles and animations. (smashingmagazine.com)

Responsive Images in Practice

Sixty-two percent of the weight of the web is images and we’re serving more image bytes every day. That would be peachy if all of those bytes were being put to good use. But on small or low-resolution screens, most of that data is waste. In this article Eric Portis gives you the low down on how you can do your part for making the web faster. (alistapart.com)

Shape Blobbing in CSS

Chris Coyier looks at how you can create shapes that merge into each other with CSS. Neat stuff. (css-tricks.com)

Enabling HTTPS without sacrificing performance (moz.com)

The future of NPM and Front End packaging (blog.npmjs.org)

Designers Code Differently (medium.com)

Tools / Resources


A free service from Microsoft that allows you to run the latest version of Internet Explorer, Mac OS X, iOS or Android devices, without the need to run a new OS or heavyweight virtual machine on your device. Thumbs up Microsoft. (blogs.msdn.com)


A nice little collection of Front End Dev focused links by Simurai. A couple of gems that are worth having a read of and bookmarking! (simurai.com)

Introduction to UI Regression

In this repository Kevin Lamping has outlined a bunch of exercises to help people understand UI regression testing. It’s designed to provide a partially real-world codebase from which to demo three tools: Wraith, PhantomCSS and DiffUX. (github.com)

Angular Kickstart

Speed up your AngularJS development with a complete and scalable build system that scaffolds the project for you. Just focus on writing code and tests. (vesparny.github.io)

Awesome React

A collection of awesome React libraries, resources and shiny things. (github.com)

Taking Control of the CSS/JS that WordPress Plugins Load (css-tricks.com)

Bootstrap 3.3.0 released (blog.getbootstrap.com)


Nobody Knows What The Hell They Are Doing (99u.com)

Tales from the Script (blog.dribbble.com)

Breathing Halftone (github.com)


Front End Engineer at Yelp!

Join Yelp’s Front-end team and help build a modern, styleguide-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)

Snr Front-End Developer at Frank Digital

We’re looking for super talented devs with a few years experience who get excited by clean code and collaborating closely with design and other devs to make great UX focused websites. We require all the usual jazz – HTML5/CSS3, JS (angular.js or node.js a plus), PHP (Laravel a plus). Holla at matt@frankdigital.com.au with your attached CV! (frankdigital.com.au)