@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 […]

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 […]

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 […]

CSS3 Unleashed – Tips, Tricks and Techniques

Although CSS3 specifications are still under development, some of its features have been incorporated in latest web browsers. This has provided web designers and developers with an opportunity to experiment and play with some of the new features well in advance. Here is a list of resources that will get you up to speed and […]

Border-radius: create rounded corners with CSS

W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items…

Take Your Design To The Next Level With CSS3

It’s time to introduce CSS3 features into our projects and not be afraid to gradually incorporate CSS3 properties and selectors in our style sheets. Making our clients aware of the advantages of CSS3 (and letting older deprecated browsers fade away) is in our power, and we should act on it, especially if it means making […]

Working with HSL in CSS

RGB can be a real pain to work with. It’s hardware-oriented, non-intuitive difficult to use without an external reference. Coding colors by hand shouldn’t be that hard. Fortunately, CSS3 offers support for the HSL color space that is much easier to work with as a human…

The Shadow effect in CSS3

Shadow in website design is something that can be achieved by using CSS and images. The exciting new attribute in CSS3 is box-shadow. That allows you to get a nice shadow effect using just one attribute applied to a div…

Push Your Web Design Into The Future With CSS3

There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, […]

« Previous Page