CSS3 – a big storm is coming

A big storm is coming, and it hopefully will blow away a lot of things that are wrong with web design. While the current CSS standard offered tremendous steps away from traditional print design, with CSS3 media queries and multi-column layouts it will be a whole new ballgame. The possibilies we have now hopefully change the way we approach website design like few things we’ve seen up until now…

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

Taming Long Words with CSS word-wrap

Web browsers have a long history of sharing features between them. The word-wrap CSS property is a feature that originally came from Microsoft and is included in CSS3.

Now available in Firefox 3.5, this CSS property allows the browser to arbitrarily break up long words or strings of characters to fit within a given element…

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

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…

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

@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 explaining all…

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

How to: Opacity with CSS

Do you know that an opacity or transparency can be applied to various aspects of a website without the use of Photoshop? Well you can with the use of CSS and even though there is not yet a CSS standard, the effect does work in all modern browsers and is easily achievable. Here are the basics of this trick, some things you can do with it and how you can get it to work on various browsers. All you need is a moderate knowledge of CSS but it’s really easy to understand…

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

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 your pages is of key importance. This article will describe the principles of accessible navigation and demonstrate ways to create it using CSS and XHTML…

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

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 tweak something in a modern browser like Firefox, Safari, or Opera. In this article, we’ll look at CSS hacks targeting different versions of Firefox…

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

7 Essential CSS3 Techniques Revealed

There are several new and exciting functions and features being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image, etc.

This article presents 7 New CSS3 techniques that every web designer and developer should know. CSS3 will make complex effects easier to implement. Not all current browsers support CSS3 but there are workarounds that we can use for incompatible browsers…

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

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…

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

Vertically aligning text without the use of JavaScript

This is one of those really annoying CSS bugs that should be so simple to do but is actually fairly problematic because of old browsers like IE6. Vertical-align should be all that’s needed but nope, certain browsers like IE6 don’t support it so we need to do some wizardry to get it to work cross browser. In this post I will talk about one lines and the more tricky wrapping of text…

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