css – Hypertext Jockey

Layer Styles

May 10, 2011 by Rob

Layer Styles made its way around the interwebs today. This is really pretty cool and something I had thought about trying to pull off a couple years ago. My thought was “wouldn’t it be cool if you had an interface that would let you work in CSS effects, and then output the styles for you?”. Well, here it is I guess.

Layer Styles.

iPad Orientation CSS

April 9, 2010March 23, 2011 by Rob

iPad Orientation CSS

This is fantastic; Safari for iPad supports landscape and portrait orientation in media queries so you can deliver CSS targeted to a particular orientation, say a stacked layout vs. a 2-column layout. And you don’t even need an iPad to actually take advantage of it!

Via Cameron Moll

Replace Default Field Values with Labels

March 12, 2009 by Rob

Lots of times, it makes sense to pre-populate a form field with some text to guide the user. Usually you see this when space is limited, and the site tries to use the field’s value as a label. However, the field’s value isn’t the label— it’s the value. We see this often when a form has little real estate available to it, or sometimes when the designer doesn’t want to clutter up the interface with extra text. Continue reading “Replace Default Field Values with Labels”

Customizing Form Fields with CSS and jQuery

February 18, 2009 by Rob

As promised, here is a discussion on how I customized some form elements with a fancy look and feel. It’s really fairly simple and utilizes nothing but standard form controls and some unordered lists. Continue reading “Customizing Form Fields with CSS and jQuery”

Creating a Tabbed Interface with CSS and jQuery

April 25, 2007 by Rob

Here’s a piece I put together recently for a client who wanted a tabbed interface on one of their pages. My goal in doing it was to make it as accessible and semantic as possible. One requirement I gave myself was to NOT use redundant elements (like one list for the tabs, and another for the content).
Continue reading “Creating a Tabbed Interface with CSS and jQuery”

Everybody Get Nekkid!

April 3, 2007 by Rob

I’m gearing up for CSS Naked Day on Thursday, and I can’t wait. So far, there’s over 650 of us that will be shedding their CSS coverings and baring all of our black Times on white for all to see.

Maybe I’ll go to work wearing nothing but my -9999px; shirt. Maybe they’ll send me home! :-D

A Table-Less Product Grid

January 21, 2007 by Rob

Since switching from the written content-heavy world of academia to the more photo and data-driven world of retail, I’ve been inundated with tables. There’s really nothing new about this— tables have been the web designer’s best friend since 1996. But as the web matures, we’re realizing that tables needn’t be (and shouldn’t be) used for layout purposes, but rather for the tabular data that the W3C had intended them to be used.

Continue reading “A Table-Less Product Grid”