Headlines
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)
Articles
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)
Inspiration
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)
Jobs
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)