Web Design Weekly #153

September 08, 2014 - Jake Bresnehan

Headlines

Welcome to Verge 2.0

Say hello to the new, fully responsive website! Massive congrats to all involved. Top effort! (theverge.com)

WordPress 4.0 “Benny” (wordpress.org)

Sponsor Web Design Weekly and reach over 20,000 developers

Articles

Testing Mobile – Emulators, Simulators And Remote Debugging

In this article Jon Raasch explores a variety of emulators and simulators that you can use for quick and easy testing. He also looks into remote debugging tools, which enable you to connect a desktop computer to a mobile device and leverage a rich debugging interface. (smashingmagazine.com)

Running Code Reviews with Confidence

In this article, Emma Westby describes her battle-tested process for conducting code reviews, highlighting the questions you should ask during the review process as well as the necessary version control commands to download and review someone’s work. (alistapart.com)

How a new HTML element will make the Web faster

Scott Gilbertson takes a look into the element and its importance for the web. (arstechnica.com)

Minimising font downloads

Optimising fonts is pretty difficult for larger sites. Thankfully some browsers have an easy solution which Jake Archibald expalins in this post. (jakearchibald.com)

A React.js case study

This post dissects a memory game built with React, focusing on structure and the React way of thinking. (krawaller.se)

Important Announcement Regarding YUI (yahooeng.tumblr.com)

Let’s Talk About RTL (alfy.me)

Tools / Resources

JavaScript Memory Management Masterclass

Efficient JavaScript webapps need to be fluid and fast. Any app with significant user interaction needs to consider how to effectively keep memory usage down. In this slidedeck Addy Osmani drops so much knowledge it’s worth bookmarking! (speakerdeck.com)

Introducing TremulaJS

TremulaJS is a client-side javaScript UI component providing Bézier-based content-stream interactions with kinetic scrolling & physics effects for scroll and touch UIs. Put another way, TremulaJS can be thought of as an extremely bad-ass image slider. (garriss.wordpress.com)

Perfjankie – Checks browser rendering performance regression

PerfJankie uses browser-perf to measure browser rendering performance metrics and tabulate the results in a CouchDB database. It is a node module available as perfjankie and can be integrated into any continuous integration system. (github.com)

SUS – Simple data-uri stylesheet generator

SUS parses your CSS source and generates two new CSS sources from it – a base source and a sprites source. The base source has all your original styles minus all background image definitions. The sprites source has all your background image definitions but converted to data-uris. (github.com)

The WordPress Plugin Boilerplate

A standardised, organised, object-oriented foundation for building high-quality WordPress Plugins. (wppb.io)

PrettyEmbed.js

Prettier embeds for your YouTubes – with nice options like high-res preview images, advanced customisation of embed options and optional FitVids support. (github.com)

Grid by Example

Simple usage examples for the CSS3 Grid Layout Module. (gridbyexample.com)

uilang

A minimal, UI-focused programming language for web designers. (uilang.com)

Plain Pattern – an SVG based seamless pattern maker (kennethcachia.com)

Centering in CSS – A Complete Guide (css-tricks.com)

Interactive editor for CSS Shapes (chrome.google.com)

Inspiration

Tab Styles Inspiration

A couple of modern and subtle tab styles and effects for your inspiration. The demos use pseudo-elements, SVGs and CSS transitions to achive the desired effects. (tympanus.net)

Another awesome demo by Ana Tudor (codepen.io)

A great list of useful CSS videos (github.com)

Jobs

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)

Frontend Software Engineer – Airbnb

At Airbnb frontend software engineers are responsible for building the features that our users see and interact with on a daily basis and for creating the tools that make that possible. We value engineers who can work at all levels of our stack but have a particular passion for HTML, CSS and JavaScript. (airbnb.com)

Advertise in next week’s newsletter →

Last But Not Least…

Perf Fail – Do, learn, fail forward

A nice blog that celebrates performance mistakes, how to learn from them and help spread the hard earned knowledge. Great idea, great site! (perf.fail)

Fibonacci – Flexbox page layout composer

Create Flexbox layouts easily in the browser with this online tool. (maxsteenbergen.com)