Web Design Weekly #61


How the web should work

The web is built by many different companies and individuals, giving consumers of the platform a unique chance to become contributors to its evolution. Rather than griping about how broken something on the web is, remember that you can play a part in fixing it! (smus.com)

What’s new in the iPhone 5 and iOS 6 for web developers (mobilexweb.com)

Getting HTML5 to Recommendation in 2014 (lists.w3.org)

Live Web Audio Input Enabled (html5rocks.com)


Web Design is 95% Typography

95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. (informationarchitects.net)

iPhone 5 website teardown

How Apple compresses video using JPEG, JSON, and <canvas>. (docs.google.com)

The Rise of the Mobile Web

James Long built a cool demo using Web Audio API at a recent startup weekend he attended. He explains how it was built and why we as web developers need to keep pushing hard developing mobile web apps. (jlongster.com)

Drawing Pixels is Hard

Dominic Szablewski is psyched on HTML5 game development. He has even written his own game engine. This great post expresses his current frustration with the state of the web. (phoboslab.org)

Selling HTML5 to a consulting company

Chris Heilmann spent a weekend in a resort in Mallorca. He was invited by an IT consultancy from Frankfurt to join them at their off-site and give a two hour (re)introduction to HTML5. Here are some of his notes wrapped up in a nice post. (hacks.mozilla.org)

Big Favicons

The original favicon was a 16×16 pixel file named favicon.ico that lived in the top directory of your public web files but with “retina” displays becoming more common, and with favicons used in many places other than browser tabs, the approach now is to provide a much larger image, at least 64×64 pixels. (nashape.com)

See your site like the rest of the world does. On the Nokia X2-01 (generatedcontent.org)

CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS (mobify.com)

Handling flexible media, images, video and audio (css-tricks.com)

Advice on & Instruction in the Use Of Ember.js (trek.github.com)

Tools / Resources

Responsive Measure

Responsive Measure is a simple script that allows you to pass in a selector which generates the ideal font size needed to produce the ideal measure for your text. (github.com)

DOM Enlightenment

Exploring the relationship between JavaScript and the modern HTML DOM. This book is not an exhaustive reference on DOM scripting or JavaScript. It may, however, be the most exhaustive book written about DOM scripting without the use of a library/framework. (domenlightenment.com)

Sync Sublime Between Multiple Macs (talltroym.blogspot.com)

HTML5 for Creatives – Free eBook (webdirections.org)

CSS Lint v0.9.9 now available (nczonline.net)


eBay: A new look for the global online marketplace (pages.ebay.com)

ShopTalk Show with Jeremy Keith (shoptalkshow.com)

You’re Young. I’m 18. So what? (theindustry.cc)

Interactive image nodes (codepen.io)


Envato Marketplace Team – Developer

Envato is looking for a few friendly, technically competent developers to augment their team. They’ve got a preference for people with commercial Ruby and/or Rails experience, but for them it’s far more important that you’re a capable problem solver, who can learn quickly and think on your feet. (techjobs.envato.com)

HTML5 Engineer at Mozilla

Are you a great frontend Web developer who knows HTML5, CSS and JavaScript by heart, has a passion for the open web and a desire to bring awesome experiences via open web apps to devices of all sizes? (careers.mozilla.org)