CSS: Clearing Floats with Overflow

One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But did […]

Posted by admin
On February 9, 2011
0 Comment

CSS In Depth Part 2: Floats & Positions

Last week, in the first of our CSS In Depth post, we discussed the difference between paddings and margins, and what the box model is. This week we’ll be discussing positions and floats as well as what the differences are and when it’s best to use them. Both floats and positions deal with the relationship […]

Posted by admin
On October 28, 2010
0 Comment

HTML5 Family: CSS3 Ads Versus Flash Ads

We’ve been talking a lot about the HTML5 Family lately. Today, we thought we’d have some fun and dive directly into some CSS3 capabilities. In particular, we thought we’d see if you can really duplicate popular Flash ads in HTML5. Well it turns out that you don’t really need HTML5, all you really need are […]

Posted by admin
On July 22, 2010
0 Comment

Stop Forking with CSS3

It seems like virtually every day there’s a fantastic new example of something amazing you can do with CSS3. Whether it’s as complex as full-blown animations or as (relatively) simple as RGBa colors, drop shadows, or rounded corners, I marvel at how far we’ve come since the lowly days of CSS1 or (shudder) the @font […]

Posted by admin
On June 29, 2010
0 Comment

8 Signs of a Great Client

Client work can be fun and rewarding, or it can be frustrating and discouraging. Freelancers deal with clients on an every day basis, so there are bound to be some good and bad experiences in the mix. Recognizing and appreciating a good client can sometimes lead to more of the same as you may be […]

Posted by admin
On June 17, 2010
0 Comment

Creating Fancy Checkmark Icons with Pure CSS3

I was recently working on a personal project where I wanted to implement some cool “checkmark” icons like you see at left to spice up my unordered lists. I could’ve done it quite easily with the list-style-image property, but I was trying to keep my images and http requests to a minimum, so I wanted […]

Posted by admin
On June 17, 2010
0 Comment

Create Beautiful CSS3 Typography

It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a […]

Posted by admin
On May 14, 2010
0 Comment

Box-Shadow back on the Menu (and other updates)

A recent editors draft of the CSS3 Background and Borders module (published on 5th may) indicates that the box-shadow property could be set to make a reappearance before the specification is released as a Proposed Recommendation. The specification also features several other updates including the addition of a ‘content-box’ value to the background-clip property, changes […]

Posted by admin
On May 14, 2010
0 Comment

Sexy Interactions with CSS Transitions

While Webkit-based browsers have had CSS Transitions since Safari 3.1.2, other browsers are only just now coming out with nightly builds supporting this exciting new part of the CSS3 specification. With all browsers except for IE being slated to have Transitions support in the coming months, more and more web designers are turning to this […]

Posted by admin
On May 14, 2010
0 Comment

CSS3 Gradient Buttons

Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the […]

Posted by admin
On May 5, 2010
0 Comment

Page 2 of 4123 4