How to Size Text in CSS

One of the most practical articles you’ll read in a while on CSS was published in A List Apart this week: How to Size Text in CSS. Alhamdulillah I’ve been struggling with trying to figure out which way to size CSS texts.

Being Kind to Widows and Orphans

No, this is not one of those charity posts.
It’s all about my favourite plugin. Imagine a plugin that could improve
the typography of your page with no complicated setup. Controlling type
online can at times be difficult. However, things have just gotten a
whole lot easier with the release of the Typogrify plugin.

POSH – Plain Old Semantic HTML

A nice new acronym for a basic concept that should be deeply ingrained into every webdeveloper/frontend developer is making the rounds. POSH – Plain Old Semantic HTML.

To start writing semantic markup, you need to:

• Validate your HTML
• Stop using tables for layout
• Use semantic elements and attributes for their intended purpose
• Use semantic class names and id values
• Use as little HTML as will get the job done

CSS Fix to Screen Readers Ignoring “display:none”

456 Berea St summarizes a solution to the problem of screen readers ignoring “display:none”.

CSS Buttons: Rediscovering the Button Element

Kevin Hale posted a solution to creating CSS buttons that look anyway you want using only CSS that work across all browsers. Nice!  (via Bjorkoy.com’s upgrade of Blueprint)

EDIT: Related to this is Alex Griffioen’s How to make sexy buttons with CSS that uses the sliding doors technique.

Blueprint CSS Framework

Found via many sites is the awesome Blueprint CSS Framework developed by Olav Bjorkoy.

Margin Collapsing

Andy Budd explains Margin Collapsing. I was having problems with a CSS design but this helped me solve it.

Creative Use of PNG Transparency in Web Design

While working on some new designs for SunniPath this past month I started to fall in love with PNGs. To my pleasant surprise today I found this new article by Jeff Croft on Creative Use of PNG Transparency in Web Design.

I love the 49abcnews.com header effect using PNGs. Awesome!

Creating Inspired Design by Andy Clarke

Andy Clarke (All That Malarkey) is writing a series of monthly articles on informit.com titled “Creating Inspired Design.”

So far he has posted 4 articles on issues of inspiration, bringing print design styles to the web and color schemes.

35 Designers x 5 Questions

35 Designers x 5 Questions