Web Design Weekly #74


Front-End Performance for Web Designers / Developers

It’s hard, if not impossible, to deny that performance is by far one of the most critical aspects of any decent web project, be it a small portfolio site, a mobile-first web app, right through to a full-scale e-commerce project. (csswizardry.com)

Remote Realtime Pair Programming with CodePen PRO

Pasting code back and forth in chat is so 2012. If you need to work out a HTML, CSS or JavaScript problem with a colleague, you should be able to simultaneously code in a REAL code editor with a REAL live preview. That’s just one of ten CodePen PRO features. (codepen.io)

The Trend Against Skeuomorphic Textures and Effects (daringfireball.net)

Automatically Blackballed (designcrumbs.com)


The Post-PSD Era

As an industry, we sell websites like paintings. Instead, we should be selling beautiful and easy access to content, agnostic of device, screen size or context. If you can get your client to believe in the sales process that you’ll do that for them, they won’t care what the site looks like. (danielmall.com)

My Workflow for Developing PhoneGap Applications

Andrew Trice shares his knowledge, tools and workflow whilst developing PhoneGap apps. This is not a getting started guide, it’s more of an insight into the real deal. (tricedesigns.com)

Two Things about Conditionals in JavaScript

This post by Rebecca Murphey was inspired by Laura Kalbag’s display:none post which did the rounds a couple of months ago. Rebecca touches on the “else if” and “return”. It’s a short but informative post. (rmurphey.com)

Getting Started With the WebKit Layout Code (blogs.adobe.com)

Sneak Peek Into The Future: Selectors, Level 4 (smashingmagazine.com)

Just like print design (bjango.com)

Tools / Resources

Device Lab on GitHub

The Helsinki Device Lab is now open sourced on GitHub. Win! (github.com)

The New LayerVault

A beautifully re-designed site by the talented crew at LayerVault. View the source for some “booya” action! (layervault.com)

Revamped Bower components site (sindresorhus.com)

Source maps: languages, tools and other info (github.com)

Arrrows – A fully scalable icon font (arrrows.com)

10 Handy Sublime Text Plug-ins (henriquebarroso.com)


Tooling For The Modern WebApp Developer

Addy Osmani’s dotJS presentation is full of kickarse tips and tricks. Addy discusses how to profile the performance of your app using the DevTools Timeline and heap profiler. He also touches on Sass Source Maps and more. (youtube.com)

Most Popular Fonts of 2012

A beautiful round up put together by the crew at MyFonts. (myfonts.com)

Responsive web design leaves me wanting (noahstokes.com)

The Big Web Show with John Gruber (5by5.tv)


Careers at The Noun Project

We’re looking for a life learner with a proven background in modern frameworks, fluency in infrastructure and system administration, and an understanding of external APIs. (thenounproject.com)

Join the Team MetaLab

We’re always looking for passionate and driven developers who have a desire to define what’s possible with the web as a platform. (metalabdesign.com)

Post a Job in Web Design Weekly

From The Blog

Introduction to Functions in JavaScript (web-design-weekly.com)

Deploy Sites via GitHub (web-design-weekly.com)

Last But Not Least…

Retro Racing Game!

When you load the page it will give you a URL to load on your phone. You can use your mobile phone as your steering/acceleration control and desktop to view. Websockets make for a fast & responsive experience. (stripenight.com)