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…
Direct link: 7 Essential CSS3 Techniques Revealed
A post about the CSS text-shadow property. It’s been used to create some fun pseudo-realtime lighting effects.
Direct link: CSS text-shadow Fun: Realtime Lighting Demo
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 bring you closer to the cutting edge of CSS development…
Direct link: CSS3 Unleashed – Tips, Tricks and Techniques
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…
Direct link: Border-radius: create rounded corners with CSS
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 websites more flexible and reducing development and maintenance costs…
Direct link: Take Your Design To The Next Level With CSS3
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…
Direct link: Working with HSL in CSS
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…
Direct link: The Shadow effect in 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, but for design blogs and websites aimed at the Web design community, these features can help you push the boundaries of modern Web design today, adding that extra spice to your design and helping the industry move forward.
Here are five techniques snatched from the future that you can put into practice in your website designs today…
Direct link: Push Your Web Design Into The Future With CSS3