Web Design Weekly #50

Number 50!!! CSS-Tricks turns 5, Luke Wroblewski dives deep into the evolving e-commerce checkout world, Paul Irish give the low down on Internet Explore’s update policy, Christian Heilmann shares his huge list of notes from Google I/O and a truck load more…. Enjoy!

Snippets in Sublime Text 2

Creating snippets in Sublime Text 2 is super easy, quick and highly recommended. If you want to increase your coding speed, setting up snippets can be extremely helpful. Not only will they save you from RSI in the future, they will give you more time to hang out with you pals at the cafe.

Web Design Weekly #49

Huge week! Yeoman was dropped at Google I/O which promises to be an awesome tool when the cat is let out of the bag, Brad Frost gives his thoughts on the cost of responsive web design, Jörn Zaefferer takes us on a testing adventure and Jonathan Neal shares his HTML5 invoice. Enjoy!

The Best of the Best Boilerplates / Bootstraps

Boilerplates, bootstraps or whatever you want to call them have become a valuable resource for any web developer. Not only do they provide great knowledge into the best practices to use, they also save us vast amounts of time.

Back in the day, there was great pleasure in coding something up from scratch. In this day and age, I think most people are more than happy to start with a base, whatever that base might be. All of the resources listed below can be used in any way that suits you.

Web Design Weekly #48

This weeks highlights include a great interview with Aaron Draplin, the Filament Groups release of Southstreet on GitHub, Trent Waltons Fluid Type masterpiece and Campaign Monitors sweet new site. Enjoy!

HTML Lists

HTML lists are very common in everyday web development. You might be familiar with unordered lists (<ul>) and ordered lists (<ol>), which are the most commonly used, but you might not be aware that there are a few other options to consider. Like the definition list (<dl>) and the menu (<menu>) element, which was deprecated in HTML4, but has been reintroduced in HTML5.

Web Design Weekly #47

Issue 47 and the goodies keep coming! WordPress 3.4 dropped, Diego Ferreiro Val shows his loves for the Rubik’s cube, Drew Wilson shipped 2 new Pictos icon sets, Paul Irish tears down Pointer Pointer and Dave Rupert goes all crazy with his Flexible Media in Responsive Web Design talk at Refresh Austin. Enjoy.

Tabs to Spaces in Sublime Text 2

Super quick tip on how to tweak the Sublime Text 2 spacing.

Doing these small adjustments to your setup will help to provide consistent whitespace when working with others as long as they have also follow a similar setup on their text editor of choice.

Idiomatic CSS

Principles of writing consistent, idiomatic CSS. The days of a simple web page seem to be long gone for me so reading documents and adopting the best practices are a must to improve as a developer. This document is in its early days and will no-doubt evolve and become a “go-to” source.

The document is broken down into 8 sections:

  • General principles
  • Whitespace
  • Comments
  • Format
  • Naming
  • Practical example
  • Organization
  • Build and deployment

Each section is explained very clearly and the practical example ties all the explained styles/patterns into one very simple example.

If you are a passionate developer and don’t have a consistent styles/patterns when writing your code then head over to the Idiomatic CSS document on GitHub and maybe try to adopt some of the principles into your current or future projects.

“Part of being a good steward to a successful project is realizing that writing code for yourself is a Bad Idea™. If thousands of people are using your code, then write your code for maximum clarity, not your personal preference of how to get clever within the spec.”

- Idan Gazit

Web Design Weekly #46

Once again, here’s lots of cool tools, articles and hot news. The highlights are Lea Verou’s article on web standards, Ryan Seddon’s client-side unit testing tool, Bunyip and Japh Thomson’s low down on what’s coming in WordPress 3.4 plus a billion other rad links. Enjoy!