Web Design Weekly #9

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 #9, 26th day of August 2011

Welcome to issue 9 of Web Design Weekly. Another round up of awesome links for the keen web designer that wants to take their skills to the next level. Thanks to everyone who has been recommending Web Design Weekly via Twitter, I really appreciate it. Enjoy.

If your finding WDW helpful then please share via twitter.


Bootstrap from Twitter (github.com)
Bootstrap is a toolkit from Twitter designed to kickstart development of web apps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation and more.

A Primer on A/B Testing (alistapart.com)
Lara Swanson gives a great overview of A/B testing. She goes into detail on how to reach statistically significant results and avoid red herrings.

The Medium Comes of Age – Keynote by Jeffrey Zeldman (zeldman.com)

As always, entertaining and highly motivational. Jeffrey Zeldman smashes the keynote for the Design It, Build It conference out of the park.

Flex Slider – An awesome, fully responsive jQuery slider plugin (madebymufffin.com)

What’s new in Firefox 6? (mozilla.org)


An HTML5 boilerplate add-on for CSS browser nitpicks (rogieking.com)
A nice article from Rogie King about targeting a version of a particular browser. If you have any little rendering hiccups in both major and minor versions of Safari, Chrome, Firefox, Internet Explorer this post should point you in the right direction.

21 Top Tools for Responsive Web Design (netmagazine.com)
To get started with building a responsive site, a strong toolkit can make the world of difference. Denise Jacobs from Net Magazine rounds up 21 great tools to aid the process of making your sites responsive.

Making the Transition to HTML5 (webstandardssherpa.com)
Want to know all about transitioning to HTML5? Emily Lewis’s article gives some great insights and tips.

Sizing with CSS3’s VW and VH units (snook.ca)
Jonathan Snook writes about a few new CSS3 units: vw and vh.

Tools / Resources

Spin.js – An animated CSS3 loading spinner (github.com)
Spin.js uses CSS3 to render the UI, falling back to VML Internet Explorer. If supported by the browser, @keyframe rules are used to animate the spinner.

Don’t Fear The Internet (dontfeartheinternet.com)
A great collection of basic tutorial videos put together by Jessica Hische and Russ Maschmere. They will help you learn how to take a basic WordPress blog and manipulate the CSS and HTML.

Batman.js (batmanjs.org)
The Shopify team just released batman.js to the JavaScript community. It’s a capable framework that lets you build dynamic apps without a lot of code.

Codecademy (codecademy.com/)
New school learning is here. Codecademy is the easiest way to learn how to code. It’s interactive, fun and you can do it with your friends.

CSS3 – Brushed Metal (simurai.com)

Deck.js – Modern HTML Presentations (imakewebthings.com)

jQuery Mobile Pagination Plugin (filamentgroup.com)


Sliding Tags (free psd + live demo) (dribbble.com)
Beautifully designed and implemented sliding tags by Mike Carter, complete with demo and free download.

Fire Freebies (firefreebies.com)
A great site by Jay Hafling that is starting to gather a nice collection of resources. All resources published on this website are free and can be used for both personal and commercial purposes.

Podcasts / Videos

Let’s Suck at GitHub Together (css-tricks.com)
Chris Coyier is at it again. This time he quickly goes over why using version control is a good thing then explains how to start using GitHub.

The Changelog Episode 0.6.7 with Paul Irish (thechangelog.com)
Adam and Wynn caught up with Paul Irish of Google’s Chrome developer relations team to talk about all things rad.

State of the Word (wordpress.org)
The founder of WordPress, Matt Mullenweg, talks from WorldCamp in San Francisco.

Last But Not Least…

W3Schools is harmful to the web. Web Developers Deserve Better