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.

Headlines

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.

Articles

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)

Inspiration

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)

1 Comment

  1. Great information! Very useful and impressive, I will be looking to participate in the discussions if you

    guys are looking to discuss this thread further.

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 *