The Definitive Guide to Using Negative Margins

Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and into the history books. Because of this, CSS layouts have since then been synonymous with coding elegance. Out of all the CSS concepts designers have ever used, an award probably needs to be given to the […]

Getting Started with CSS: A Practical Exercise

Learning how to write CSS is an essential lesson in any web design classroom. For you who are just starting out, here’s a beginner’s guide to help you learn the basics in proper CSS execution. Performing even the most basic CSS task requires an eye for details. Code is poetry and not something for the […]

16 Web Safe Fonts To Use With CSS

A list of web safe fonts that you can use with CSS stylesheets. “Web Safe” fonts mean that they will be extremely common on most versions of Windows, Mac, Linux etc, so they will be viewable by more or less everyone. Along with each font is a preview image of what it looks like, and […]

The Power of HTML 5 and CSS 3

HTML 5 enables us to replace our multitude of divs with semantically meaningful structural elements. This semantic specificity not only improves the underlying quality and meaningfulness of our web pages, but also enables us to remove many of the class and id attributes that were previously required for targeting our CSS. In fact, CSS 3 […]

30 Essential CSS3 Resources

Web designers around the world are extremely excited about the power of CSS3 and the creative freedom it offers. With that in mind, we’ve rounded up 29 resources for you to learn more…

Fonts available for @font-face embedding

There can be license issues when using fonts with @font-face embedding. Here’s a useful list of fonts that specifically allow @font-face embedding…

What are webfonts?

Webfonts are font files embedded in websites using the @font-face rule. This technique was first available in Netscape Navigator 4 using Bitstream’s TrueDoc standard but was discontinued in Netscape Navigator 6. Microsoft developed the Embedded OpenType format .eot which is supported in Internet Explorer since version 4. In march 2008 Apple introduced Safari 3.1 which […]

3D Transforms Using Safari Webkit

WebKit on Mac OS X now has support for CSS 3D transforms, which allow you to position elements on the page in three-dimensional space using CSS. This is a natural extension of 2D transforms, which we described in an earlier blog post. 3D transforms have been supported on iPhone since 2.0, and now we’re please […]

Maximum value of z-index

Z-index is used to determine the stacking order of absolutely positioned elements on a page. The CSS 2.1 spec says the value of z-index should be an integer. But it doesn’t define the any maximum values for it. So the actual max is often determined by what variable type the browser uses to store the […]

CSS – 3 Simple steps to write better Stylesheets

How to write your style sheets more efficiently. Covers these points: A style sheet should be easy to read A style sheet should be easy to maintain A style sheet should be well commented The time to achieve these goals shouldn’t negatively impact the development time of a website.

« Previous PageNext Page »