CSS for the iPad
# Linked to 19 March 2010 in Code by Pat Dryburgh
If you want to use a CSS modification for the iPad (as I do), this is how you tell the iPad to use an additional CSS file. (via Noah Stokes)
Using CSS3 to Properly Center Thumbnail Galleries
# Linked to 18 March 2010 in Articles by Pat Dryburgh
Pseudo-selectors are awesome. When it comes to a healthy blend of saving time and accounting for the smallest of details in design, it’s hard to find something that packs more of a punch than pseudo-selectors.
Curtis CSS Typeface
# Linked to 18 March 2010 in Links by Sam Brown
Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning.
The Safari 4 OS X interface recreated in HTML+CSS with no images
# Linked to 18 March 2010 in Other by Sam Brown
A good browser should be able to reproduce itself. This is Safari 4 built entirely with HTML and CSS3. No images used. (Only works in Webkit Mac-based browsers, of course)
CSS Font Shorthand Property Cheat Sheet
# Linked to 17 March 2010 in Tips by Sam Brown
A printable cheat sheet that you can download and hang next to your computer, which will come in handy in case you decide to use this property.
7 Essential Do’s & Don’ts of Website Navigation
# Linked to 17 March 2010 in Other by Sam Brown
An intuitive, easy to understand navigation is a crucial step towards good website usability. You can have awesome content, but if your visitors don’t know how to reach it, your content will also be close to useless. Your main goal is to ensure your visitors will find what they’re looking for as quickly and as easily as possible.
Focus on the Hover
# Linked to 16 March 2010 in Articles by Pat Dryburgh
This is going to be the easiest website accessibility tip that anyone will ever give you: Add the :focus psuedo-class to everything that has a :hover style in your CSS, so that keyboard users get the same visual goodness that you give people who use a mouse.
Easier print CSS coding using Firebug and Web Developer Toolbar
# Linked to 16 March 2010 in Tips by Sam Brown
Print stylesheets are an aspect of front-end engineering that rarely get any love, and they’ll often be ignored until the last possible moment before launching a site. Sometimes they might even be forgotten altogether, but you should always make time to write at least a basic stylesheet that formats things neatly, and reveals any elements that only make sense on paper while hiding things like interactive controls that will be useless when printed.
Opera Logo with CSS
# Linked to 11 March 2010 in Other by Sam Brown
The Opera logo, rendered only with CSS, no images. Compare it with the real deal.
8 Simple Ways to Improve Typography In Your Designs
# Linked to 11 March 2010 in Tips by Kevin Holesh
These details give the designer total control, allowing them to create beautiful and consistent typography in their designs. While these details can be applied across different types of media, in this articles we’re going to focus on how to apply them to web design using CSS. Here are 8 simple ways you can use CSS to improve your typography and hence the overall usability of your designs.
The article is almost a year old, but it’s advice is still true and easy to implement. By Antonio Carusone