Web Design Weekly #13

p { padding: 0; margin: 0; }
h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
td { vertical-align:top;}
ul, ol { margin: 0; padding: 0;}
.heading {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-icab-border-radius: 3px;
.content-items h2{ margin: 0; padding: 5px; font-size: 16px; font-weight: bold; color: #ffffff !important; text-align: left; background: #F14C2A; }
.content-items p { margin: 0 0 15px; padding: 0; font-size: 13px; font-weight: normal; color: #535353; line-height: 22px; text-align: justify;}
.content-items a,
a { color:#fd2323; font-weight: bold;text-decoration: none;}
.intro p {font-size: 11px; font-weight: bold; color: #8a8a8a; text-align: center;}

Issue #13, 23rd day of September 2011

Welcome to issue 13 of Web Design Weekly. Lots of CSS craziness this week. Enjoy!

If you have any feedback please hit me up on twitter @jake_bresnehan.


Preview of the hottest CSS specs (netmagazine.com)
Divya Manian, web opener for Opera Software, provides a look behind the CSS Working Group and the lowdown on 13 exciting CSS3 specs being discussed right now. A great look into the future of CSS!

Facebook and Heroku (heroku.com)
Facebook and Heroku have teamed up to bring you the fastest and easiest way to get your own Facebook app up and running in the cloud.


HTML5: briefing notes for journalists and analysts (html5doctor.com)
Bruce Lawson who evangelises Open Web Standards for Opera give a great run down on HTML5. Answering the most common questions, with non-technical answers.

We, Who Are Web Designers (jontangerine.com)
What exactly it means to be a web designer? Jon Tangerine expresses his thoughts is a fantastic piece of writing. He reminds us how extraordinary our community is. How extraordinary this profession is that we’ve created. How good the work is that we do. How delightful it is when it does work; for audiences, clients, and us.

Detection – server-side user-agent detection (adactio.com)
Jeremy Keith recaps and chirps in on some interesting thoughts about device detection.

CSS3: spread value and box-shadow on one side only (w3conversions.com)

CSS3 Flexible Box Layout Explained (smashingmagazine.com)

Tools / Resources

Future Friendly (futurefriend.ly)
In the spirit of embracing unpredictability, here are some resources to help you start thinking and acting in a future-friendly way.

CSS3 Image Styles (webdesignerwall.com)
Nick La from from Web Design Wall explains in great details how to use box-shadow, border-radius and transition to create various image styles.

CSS3 Tools (leaverou.me)
Lea Verou lists a bunch of tools she has developed over the years. Some should help you working with various CSS3 features a bit easier.

Touchy Boilerplate (doat.com)
Creating kick ass mobile web apps super fast.

11 jQuery Plugins That Can Enhance Your Typography (sixrevisions.com)


Draw a stick man! (drawastickman.com)

Cool little demo – Pure HTML CSS (no-images) (jsfiddle.net)

Podcasts / Videos

The Web Ahead (5by5.tv)
A “NEW” weekly podcast about changing technologies and the future of the web, discussing HTML5, mobile, responsive design, iOS, Android, and more. Hosted by Jen Simmons.

Play by Play: Ryan Singer (UX) (peepcode.com)
Ryan Singer designs user interfaces at 37signals. In this 72 minute video, you’ll see Ryan sketch out a user interface for a single page of a web application. He doesn’t write any code, but he thinks through the issues and follows several possible paths before coming to rest on a solution.

The Big Web Show – with Scott Jehl Episode #57 (5by5.tv)
Scott Jehl joins Jeffrey Zeldman and Dan Benjamin to discuss the recent responsive resign of the Boston Globe, jQuery, the jQuery Mobile project, writing and speaking about web design, and his new book, Designing with Progressive Enhancement.

Last But Not Least…

How GitHub Uses GitHub to Build GitHub (zachholman.com)

Want to become a better web developer?

Join over 20,000 other developer & designers who get awesome links to the best news and articles each week delivered directly to their inbox.