10 CSS resources for busy web designers

10 CSS resources for busy web designers

Summary: Ryan Boudreaux compiled a list of time-saving online CSS resources for busy web designers.


 |  Image 8 of 10

  • Thumbnail 1
  • Thumbnail 2
  • Thumbnail 3
  • Thumbnail 4
  • Thumbnail 5
  • Thumbnail 6
  • Thumbnail 7
  • Thumbnail 8
  • Thumbnail 9
  • Thumbnail 10
  • CSS Zen Garden demonstrates the beauty of CSS web design. Known as the road to enlightenment, this website is a demonstration of what can be accomplished visually through CSS based web design. New submissions are still being accepted by the Zen Garden, and any graphic designer is welcome to participate in the project; however, new submissions to the site are added and updated on a sporadic basis. The site offers inspiration with the ability to view the designs that others have created with their own CSS implementations while keeping the content consistent. Here is one of the popular CSS design submissions, “A Walk in the Garden,” by Simon Van Hauwermeiren.

  • As simple a tool as this may seem, the CSS Cheat Sheet V2 on the Added Bytes website is very a useful tool. The handy cheat sheet is available in PDF or PNG file formats and can be downloaded for free; however, the author Dave Child does ask that folks donate to his Amazon.com wish list! Included in the cheat sheet are selectors, pseudo-selectors, units, box model, and properties list. The site also offers the cheat sheet in Spanish, Portuguese, and Russian language versions, and in Apple dashboard widget and iPod content formats.

    Dave also offers cheat sheets on other web development topics such as Python, Subversion, mod_rewrite, PHP, SQL Server, HTML, and others.

  • Deploy* is a free open-source web application that allows designers to select the name of a project, and through a series of radio buttons, you can select the Doctype, whether you want a CSS reset or jQuery integration, and it creates a zipped, ready-to-use package with all specified files and folders. Deploy* saves time and organizes your code's parent folders and more.

Topics: Software Development, Browser

Kick off your day with ZDNet's daily email newsletter. It's the freshest tech news and opinion, served hot. Get it.

Related Stories


Log in or register to start the discussion