10 Random CSS Tricks You Might Want to Know About

Oct 22 2010 by Catalin Rosu | 88 Comments

10 Random CSS Tricks You Might Want to Know About

CSS is the fundamental way of styling our web pages. Its deceptively easy syntax allows us to do many things to affect the visual layer of our work. And especially with CSS3, the language has gotten even more powerful.

There are many useful CSS techniques and tricks out there for you to take advantage of. This is a collection of a few useful CSS snippets that you might want to keep in your toolkit.

continue reading »

12 Common CSS Mistakes Web Developers Make

Sep 8 2010 by Max Luzuriaga | 105 Comments

12 Common CSS Mistakes Web Developers Make

Let’s get real for a second here. As far as web languages go, CSS is arguably the simplest. I mean, really, what could be easier than a simple list of properties affecting an element? And the syntax is almost like written English. Want to change the font size? There’s a font-size CSS property. How about the color? There’s the color property.

continue reading »

CSS3 Card Trick: A Fun CSS3 Experiment

Sep 6 2010 by Alexander Dawson | 11 Comments

This tutorial is based on a simple animated experiment that showcases just one of the amazing things you can create using CSS. I’ve used no images and no scripting; everything’s done using HTML and CSS.

It goes without saying that since CSS3 is still not supported by all browsers, it might not work as intended; but I’ve coded this in such a way that it will degrade gracefully on non-CSS3 browsers, including IE (of course).

continue reading »

3 Advanced CSS3 Techniques You Should Learn

Aug 15 2010 by Max Luzuriaga | 30 Comments

3 Advanced CSS3 Techniques You Should Learn

If you’re reading this, then I can safely assume that you’ve at least heard of CSS3. The latest version of CSS includes properties that allow you to style your HTML elements with rounded corners, drop shadows, and even color gradients.

However, these techniques just scratch the surface of what CSS3 can really do. In this guide, I am going to be talking about three advanced CSS3 techniques.

continue reading »

10 Interesting CSS3 Experiments and Demos

Jul 25 2010 by Jacob Gube | 15 Comments

10 Interesting CSS3 Experiments and Demos

You’ve heard it plenty of times before: We’re at the precipice of a transition in the way we, as developers, do things. Leading the way are future standards like CSS3 and HTML5, both already partially implemented in 4 out of the 5 major web browsers, with IE9 promising support, empowering us with new ways of making interactive and rich user experiences.

Just how awesome is CSS3? Find out by checking out these 10 experiments and demos that push the capabilities of the specs.

continue reading »

Create a CSS3 Call to Action Button

Jul 6 2010 by Andrew Roberts | 34 Comments

Create a CSS3 Call to Action Button

Continuing on with my previous article showing the power of CSS3 for web designers, I’m now going to share with you a method for making a slick call to action button using only CSS.

Like the last article, I’m going to take a previous Photoshop tutorial called How to Create a Slick and Clean Button in Photoshop by Six Revisions Chief Editor, Jacob Gube, and try my best to recreate it without using a graphics editor. I think doing this is one of the best ways to highlight the fact that CSS3 can make our jobs as web designers much easier.

continue reading »

Saving Bandwidth and Improving Site Speed Using CSS Sprites

Jul 3 2010 by Peter Richards | 40 Comments

Saving Bandwidth and Improving Site Speed Using CSS Spites

As a site owner, possibly the worst experience that you could serve upon your visitors is a frustrating wait whilst the clock spins and the page loads. In most cases, most of your potential customers would have pressed the back button in their browser and headed off somewhere else; this inevitably means a loss of potential business.

Site speed is predicted to become one of Google’s next ranking factors, although as per normal, the company tends to keep the nitty-gritty close to its chest.

continue reading »