Category: Articles

New CSS3 properties in Firefox 3.5

Firefox 3.5 supports several new CSS3 selectors. In this post we’ll talk about four of them: :nth-child, :nth-last-child, :nth-of-type and :nth-last-of-type. Each of these is called a Pseudo-class and can be used to apply styles to existing selectors. The best way to describe how this works is with some examples…
csshead 0 Comments

@font-face: The Potential of Web Typography

Firefox 3.5 is out and with it comes the support for some new CSS3 selectors. The more users download it, the more designers will be able to take advantage of the @font-face CSS rule. How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Here’s an article […]
csshead 0 Comments

Designing Accessible Navigation Menus with CSS and XHTML

Building an accessible website is a holistic endeavor. In order to provide easy access to the information on each page, myriad factors must be considered. One of the chief amongst these is the creation of accessible navigation. Whether considering business logic or a principled perspective on web design, enabling the site user to move within […]
csshead 0 Comments

CSS Hacks for Different Versions of Firefox

In a perfect world, we wouldn’t use CSS hacks. In the unpredictable, chaos of the real world, however, there are many situations where applying styles to particular browsers is indeed the optimal solution. Most of the time, we’d be targeting or filtering Internet Explorer because it is so incredibly awesome, but occasionally we need to […]
csshead 0 Comments

10 Professional Looking Free CSS Menus

Here are 10 attractive CSS menus that are ready to be used. In most there are CSS stylesheets ready to be downloaded directly from the site but a few are in tutorial format. For those you’ll be directed to the source website for you to complete the tutorial…
csshead 0 Comments

CSS text-shadow Fun: Realtime Lighting Demo

A post about the CSS text-shadow property. It’s been used to create some fun pseudo-realtime lighting effects. There’s an example using a PNG to create a spotlight with some JavaScript to update the text-shadow style in order to simulate realtime shadows from a single light source. Works in Firefox 3.5, Safari, Opera, and Chrome but […]
csshead 0 Comments

Best Practices to optimize CSS – an academic exercise

Many of the tips in this article are tiny micro-optimizations, one thing to keep in mind when going overboard with optimizing. You should never sacrifice maintainability or extensibility for optimization experiments. Consider this article more like an academic exercise rather than real-life optimization tips. It should also be noted that if you need to speed […]
csshead 0 Comments

Weaving a better Web page with CSS frameworks

A Cascading Style Sheets (CSS) framework expedites and simplifies the design and development of Web pages. Moreover, a CSS framework produces more standardized results in all browsers. Here’s a look at two CSS frameworks, each with a unique philosophy: Blueprint and the Yahoo! User Interface (YUI) Grid. Both frameworks are free to use and permute, […]
csshead 0 Comments

20+ CSS Data Visualization Techniques

In this article you will find more than 20 unique CSS Data Visualization Techniques. Learn how to create charts, graphs and represent data visually using CSS…
csshead 0 Comments

35 CSS Lifesavers For Efficient Web Design

CSS design is not easy. We need to find workarounds for cross browser inconsistencies. We also need to understand difficult CSS concepts and quite counterintuitive CSS solutions. However, there are effective and useful CSS tools and Smashing Magazine reviewed many of them in previous posts. Now it’s time to present you with some fresh tools […]
csshead 0 Comments
« Previous Page — Next Page »