How To Style Your Type With CSS

A few weeks ago, I wrote a series of posts on Typography rules and how applying the concept of Contrast, Space, Size and Hierarchy, we can produce appealing, attractive and importantly legible text. These rules are equally applicable for print work and the web. Let’s look at a simple example of a single web page, which consists mainly of text and how we can use CSS to style it…

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

Prevent Your CSS and Javascript Files From Being Cached

Some websites use highly volatile, oft-changing CSS and javascript files. In the case of these files, it’s important that the developer prevent browsers from caching them. How do we do that? By using a phantom querystring, of course. We’ll use PHP to tack the current time onto the file reference. It’s a very simple technique and doesn’t affect your CSS or javascript code in any way…

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

To Sprite Or Not To Sprite

The basic idea of CSS Sprites is to combine a number of images used on your site into a single image, thus reducing the number of HTTP requests that need to be made to your site. The image is rendered using a CSS background and background-position (which, incidentally, means that your markup becomes more complex; the image to use is specified in CSS, not in a plain tag).

The biggest problem with CSS sprites is memory usage. Unless the sprite image is carefully constructed, you end up with incredible amounts of wasted space…

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

Essential Practices for Styling Your CSS

An exceedingly overlooked aspect of constructing CSS style sheet involves the developers ability to write clean, semantic code (marking your code with corresponding tags, for example, h1, h2, br, ul, and so forth). You don’t need to be a CSS guru, but you should have firm knowledge of the basics. A vast majority of designers don’t realize that making use of valid code allows their pages to be more accessible to user agents, which in return gives people equal access to their information…

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

Take Your CSS to the Desktop with Adobe AIR

Yep, using free software and HTML, CSS, and jQuery, here’s a cross-platform desktop application using Adobe AIR. Well, the beginnings of one at least. The challenge was to build a useful application (rather than another to-do list, thankfully) to make use of the new flippa.com web site – it’s a marketplace for buying and selling web sites. So here’s the idea. Imagine you’re interested in buying a web site about photography with a forum attached. You open this application, fill in the custom search form, and see a list of matching auctions. The app will let you pick the auctions you want to watch and it’ll notify you every time there’s a new bid…

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

Page zoom does not mean the end of flexibility

The latest versions of most browsers support – and default to – full page zooming instead of just increasing text size. Some argue that this means you no longer need to think about what happens when users increase (or, to a lesser degree, decrease) text size, and that there is no longer a need for fluid or elastic layouts or using other units than pixels for font sizing…

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

How to Create Beautiful and Elegant HTML Lists Using CSS

HTML lists have become one of the most used HTML elements for marking-up various semantic content structures — navigation, comments and even image galleries.

This article will explain and show you how to style lists inside blog posts, articles or other basic HTML documents…

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

CSS Specificity: Things You Should Know

Apart from Floats, CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don’t apply to some elements, although you think they should have. In order to minimize the time for bug hunting you need to understand, how browsers interpret your code. And to understand that, you need to have a firm understanding on how specificity works. In most cases such problems are caused by the simple fact that somewhere among your CSS-rules you’ve defined a more specific selector.

CSS Specificity isn’t simple. However, there are methods to explain it in a simple and intuitive way. And that’s what this article is all about…

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

Learn CSS Basics for Beginners

You’ve heard the buzz about the seperation of style from content, but you are stuck in the world of nested tables and deprecated markup. If so, you have come to the right place! Using CSS to style your (X)HTML files, will benefit you and your visitors in many ways.

Learn about all the basics of CSS design…

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