Web Design Weekly #138

Headlines

A Maintainable Style Guide

This article discusses some of the current issues with Living Style Guides and highlights how a component based architecture, currently in use at Lonely Planet, can help to solve these. (ianfeather.co.uk)

Site Speed Is Hurting Everyone’s Revenue

New research shows every second you shave off your site’s average page load time means an 8% improvement in page value. (portent.com)

Iconfinder – Some things are better when scaled. Browse 60.000+ vector icons

Iconfinder provides you and your fellow designers with the best quality and the largest selection of vector icons. Choose from more than 60.000 vector icons in different styles and themes. Go flat, glyph, outline or 3D. The choice is yours. (iconfinder.com)

Articles

The Dangers of Stopping Event Propagation

Phillip Walton offers some sound advice on why it’s not always a good idea to trust the best answer on Stack Overflow. (css-tricks.com)

Improving Sass code quality on The Guardian

A great insight into how the team behind The Guardian maintain and control quality with 25 developers. (theguardian.com)

Grouping related classes in your markup

Harry Roberts discuses an interesting method for grouping classes. I’m not 100% sold on the idea but I’m sure it has it’s use cases in some large code bases. (csswizardry.com)

HTML5 Needs a New Animation API to Compete with Native

A really well researched article by Marc Grabanski that dives into all sorts of animations and pitches to the browser developers that we need a physics-based tweening library to help take it to the next level. (marcgrabanski.com)

A More Compatible, Smoother Touch (updates.html5rocks.com)

Tools / Resources

HTML Wireframes

Brad Frost puts forward the suggestion that designing for a multitude of screen sizes, environments and variables is hard work, so getting into the browser as quickly as possible gives us an opportunity to design and develop more realistic solutions. Couldn’t agree more! (bradfrostweb.com)

An Introduction to IndexedDB

IndexedDB offers a powerful way to store and retrieve data in the browser. As with server-side databases, IndexedDB allows us to generate keys, search data, or sort it by a particular field. In this article, Tiffany Brown digs into the IndexedDB API by building a to-do list manager. (dev.opera.com)

Automating CSS sprites for large organisations

Matthew Pennell from Booking.com runs over how they have introduced automation into their workflow to produce a better code base and a leaner site. (blog.booking.com)

Gulp App — OSX app for running Gulp tasks from the system menu bar (github.com)

Browserify handbook — How to build modular applications (github.com)

Famous — Smooth, complex UIs for any screen (famo.us)

Using Grunt with WordPress Themes (wptheming.com)

MooTools 1.5 is here! (mootools.net)

Inspiration

Oozled — Curated resources for everything design related (oozled.com)

The best stock image resources on the Web (thenextweb.com)

10 Articles Every Programmer Must Read (javarevisited.blogspot.sg)

Jobs

Public Broadcasting Service (PBS) Front-End Web Developer

Front-End Web Developer is responsible for developing/maintaining code for the presentation layer of PBSi products. Responsibilities also include ensuring that the HTML, CSS, JavaScript performs efficiently, robustly, solidly and adheres to industry standards. (pbs.org)

Advertise your job in next week’s newsletter →

Last But Not Least…

When to use React.js and when to use Angular? (reddit.com)

element.animate() is now in Chrome 36 (updates.html5rocks.com)

All the Webstock 2014 talks (webstock.org.nz)

1 Comment

  1. its nice post

This post currently has one response. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

Leave a Reply

Your email address will not be published. Required fields are marked *

Current ye@r *