Web Design Weekly #7

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,

.intro p {font-size: 11px; font-weight: bold; color: #8a8a8a; text-align: center;}

Issue #7, 12th day of August 2011

Oh yeah! Number 7 of Web Design Weekly.
Some great articles, plugins and round-ups this week but HTML5 Boilerplate takes the cake!

☆ Happy Birthday Boilerplate Team ☆


HTML5 Boilerplate is 2.0! (html5boilerplate.com)
H5BP is a year old! They launched on August 10th, 2010 and now they have got a plethora of new, exciting changes that comprise their 2.0 release. They’ve also added Mathias Bynens and Nicolas Gallagher, two very talented front-end researchers and developers, to the core development team.

The New Smashing Magazine Directory (smashingmagazine.com)
As a company or freelancer in the creative industry you can now feature your portfolio or services in the Smashing Directory. Your listing will help you drive new sales and also show others like investors or competitors that you are at the top of your field.

Responsive Web Design From the Future (warpspire.com)
Responsive web design is about a lot more than the size of your screen. This collection of slides from Kyle Neath is about how GitHub handles links, the URL bar, partial page updates, and it explains why the HTML5 history API is the most important thing to happen to front-end development since Firebug.

Five Popular Web Strategies That Don’t Work (uxmag.com)
At your next moment of change and opportunity, what kind of leader will you be? A great post by Scott McDonald that reminds us that recognition is the first step towards recovery.

Jonathan’s Starbucks Card (jonathanstark.com)


Designing Fun (alistapart.com)
“Fun” is a particularly difficult concept to define. Debra Levin Gelman gives a good process to follow when dealing with clients that tell us they want their sites to be ‘cool’, ‘exciting’ or ‘pop’.

What Makes For a Semantic Class Name? (css-tricks.com)
Semantics in HTML is always a hot topic. Some people strive for it at all times. Some people criticise a dogmatic adherence to it. Some people don’t know what the heck it is. Chris Coyier’s article has some good points and is a great read (if your into semantics).

Hiatus! (brizk.com)
Kai Brach, a web designer from Melbourne (Australia) gives some insights into the pressure of working as a freelancer in this face-paced industry.

Top 10 Re-designs of 2011 (netmagazine.com)

Working Remotely (arandomurl.com)

Indeterminate Checkboxes (css-tricks.com)

rel=”shortcut icon” (mathiasbynens.be)


Chrome Tips For Developers and Designers (elijahmanor.com)
Elijah Manor gives away some of his tips for Google Chrome users. Chrome has become the choice of browser for developers in the last year with the drastic improvements that the Development Tools have seen. He explains some fairly recent features of Chrome that you may not be aware of and that will no doubt help you with your next project.

jQuery HTML5 Uploader (igloolab.com)
jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you quickly add an upload system a-la-Gmail into your web app.
You only need to create a dropbox element (i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded.

8 Excellent WordPress Caching Plugins to Speed Up Your Site (sixrevisions.com)

A Dozen Cross-Browser Testing Tools (smashingmagazine.com)

How to redirect logged in users in WordPress (digwp.com)

Round-up of Simple Interface Design Icons (owltastic.com)

CSS3 Files (css3files.com)


Sites of the Week (line25.com)

Rockstar WordPress Designer 2 (rockablepress.com)

Web Typography for the Lonely (webtypographyforthelonely.com)

Podcasts / Videos

Build and Analyze – Jobs (Not The Steve Kind) (5by5.tv)
Dan and Marco revisit patents and then discuss various types of jobs in the tech industry: how certain languages qualify you more for certain jobs, the myth of job security, the partial myth of being your own boss, big companies versus small, full-time work versus contracting, selling stand alone products versus hourly work, what you truly cost your employer and the risks and hidden costs of going out on your own.

The ATX Web Show is a podcast all about web design and development (atxwebshow.com)

Last But Not Least…

Another great 404 page (netmagazine.com)


Thanks for supporting!