Mobile Device Style Sheets

There’s a great article on The Return of Mobile Style Sheets over at alistapart.com. The post will teach you how to setup a CSS style sheet geared towards your mobile users.
Continue Reading »

Most Useful Web Design Posts From 2008

What are your favorite web design posts from 2008? Feel free to post a link(s) in the comments. Here’s 5 of the most useful web design posts I came across in 2008.
Continue Reading »

5 CSS 3 Coding Techniques

Nettuts.com has an awesome post describing 5 techniques to acquaint yourself with CSS 3. The techniques are clearly explained and very useful. Subjects covered include: Round corners without the use of images, adding a drop shadow with CSS, opacity with CSS, and resizable elements with CSS. Make sure you check out 5 Techniques to Acquaint You With CSS 3

Convert Pixels to Ems with pxtoem.com

pxtoem
Continue Reading »

Creating A Mouse-Down Link State With CSS

Creating a mouse-down link with CSS is actually quite simple. We going to use a technique that uses the “a:active” link selector. In your CSS simply add “a:active” to your style sheet and assign it some attributes, as shown below: Continue Reading »

50 Extremely Useful CSS Tools

SmashingMagazine.com has a great post recommending 50 Extremely Useful CSS Tools. Some great stuff in the article, some new and some old. New resources that I found useful were Em Calculator and *deploy.

MALO – CSS Framework

I came across the MALO CSS Framework this week and decided to check it out. MALO is a super light framework, weighing in at only 8 lines of CSS! Obviously, you are probably going to want to add some custom styles there but lightweight none the same.
Continue Reading »

Writing Better HTML

There’s a great post over at smashingmagazine.com recommending 12 Principles for Keeping Your Code Clean. It brings up stuff like using the Strict DOCTYPE, encoding special characters, proper indentation, and more.

One note on indentation. I used to tab out my code in the past. It’s quick and makes it easier to read. However, if you are a designer that is coding the same website on a MAC and PC (this happens occasionally for me), use spaces to tab out your code, not tabs. Notepad will not recognize the tabs and it will display your code in one big line for the entire page! Talk about annoying. It will recognize the spaces though – so space it out to be safe. It’s a little harder to read but it will save you a headache down the road.

Cardeo Standard Free Website Template

The Cardeo Standard CSS website template is the second in a series of free templates that are based on my WordPress themes. I made a few changes to the layout to make it better suited for a static website, in comparison to a the WordPress theme. I’m going to call this version 1.1 of the layout due to the changes. Cardeo Standard is a minimal website template inspired from Swiss graphic design.
Continue Reading »

styleshout.com – Free CSS Templates

styleshout.com is a great resource for Free CSS Website Templates. Erwin Aligam has put together an impressive collection of premium templates that you can pick up for zero charge. My favorites are: Keep It Simple 1.0 and Vectorlove 1.0.

Found via daily.creattica.com