‘CSS’ Category

Easy access to often used UI elements

“It has long been common practice to use recurring solutions to solve common problems.” That’s the opening statement at UI-patterns.com, a growing collection of common practice web design techniques. The site not only provides a list of everything from “Inline Help Box” to “Continuous Scrolling,” but it provides detailed information about the reasoning and practical application of each process. Read more…

Eric Meyer’s Latest CSS Resets

Eric Meyer has published an update to his CSS resets, this time leaving some breathing room for boldface and italic styles. Read more…

Typetester – Compare fonts for the screen

Those who work with CSS can probably relate to this scenario. You make a font-size change to your p tag, save, hit Alt-Tab to your browser, refresh, and realize that the new size just plain sucks. Rinse and repeat.

Typetester is a handy little tool that let’s you see a live preview of what your CSS typography changes will look like. A series of dropdowns make the tool very easy to use and when your text looks just the way you want it, a pop-up gives you the CSS to copy into your stylesheet. We love it. Read more…

Smart, cross-browser CSS layout and typography

YAML stands for “Yet Another Multicolumn Layout.” The flexible CSS framework allows designers to easily build completely standards compliant, cross-browser layouts for simple to complex web sites. Read more…

Stripe navigation in CSS

We’re sure you’ve seen it, though it seems like an official name hasn’t stuck yet. It’s that cool hover effect that seems to slide to show different content blocks as you move the mouse over the vertical or horizontal bars. It must require some scripting, right? Not necessarily. Read more…