CSS Font-Sizing: a Definitive Guide

Font sizing in CSS sounds as though it should be easy. Until you try it. Many developers use the force; they tinker with the font-size property until it looks right only to find it’s different in another browser. A little understanding can go a long way…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Web fonts and standards

It remains to be seen whether a font-licensing standard and universal browser support for @font-face will kill the middlemen, or whether the middlemen will prove so successful that they delay or stifle the adoption of a font-licensing standard and allow Microsoft to shrug its shoulders indefinitely at supporting @font-face for anything beyond its proprietary EOT file format…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Taming Advanced CSS Selectors

CSS is one of the most powerful tools that is available to web designers (if not the most powerful). With it we can completely transform the look of a website in just a couple of minutes, and without even having to touch the markup. But despite the fact that we are all well aware of its usefulness, CSS selectors are still not used to their full potential and we sometimes have the tendency to litter our HTML with excessive and unnecessary classes and ids, divs and spans…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Create a Letterpress Effect with CSS Text-Shadow

The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Sexy HTML List Tricks

Behold the ubiquitous list elements, “ul” and “ol”!

These two sexy elements help millions of websites display lists of information in clean, semantic fashion. Without them, we’d be crawling around like filthy cavemen, eating dirt and howling at the moon. But these list elements aren’t just sexy, they are also extremely flexible, enabling us humble designers to create robust list configurations that are semantically versatile and highly customizable…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Building Faster Websites with CSS Sprites

Using CSS sprites allows you to greatly increase your websites speed by using single image files that contain multiple graphics. In other words, when you have many images to be used, instead of having them as different individual files, we combine them into one. Therefore, the client computer only downloads one image for all the different graphics to be displayed…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Mastering CSS, Part 2: Advanced Techniques and Tools

CSS is one of the most basic building blocks of modern web design. It creates the structure and style that surrounds your content and is capable of making your site a joy to use or a pain in the neck. Mastering CSS is one of the most important things a web designer can do, and has really become an essential criteria for being a successful designer.In Part 1: Styling Design Elements we covered the basics of web design with CSS. In Part 2 we’re offering up some more advanced techniques and effects you can achieve with CSS. Everything from creating your own online apps like calendars to styling web pages for use with the iPhone to some basics of working with CSS3 is covered here…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Making Forms Convert Through Awesome Inline Labels

Forms are everywhere on the web – it’s the primary way users can interact with a web-based system. If your site or app uses forms and we’d bet that it does those forms need to be well designed, or users aren't going to follow through. They may not sign up for your service, they may not fill out their demographic information, they may not even log in again after sign up. We love well-designed forms here at ZURB, and recently we’ve been exploring some cool new tricks for how we can display form inputs and labels in a concise, usable and totally awesome way…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)