Looking for a quick and easy way to add text shadows to your design? Here’s an article with a few useful CSS3 text-shadow code samples that you can cut and paste then use in your own work…
Direct link: 12 Fun CSS Text Shadows You Can Copy and Paste
Category Archives: Code
Pure CSS3 box-shadow page curl effect
A beautiful page curl effect using just CSS3. You’ll need a modern browser to see it…
Direct link: Pure CSS3 box-shadow page curl effect
39 Ridiculous Things To Do With CSS3 Box Shadows
Box-shadow is a pretty powerful property in modern browsers. With just six little values, you can make some really neat stuff. How much neat stuff, you ask? To find out, I set a little time aside each day to play with it. The result is 39 ridiculous little experiments that, due to whatever issues, can only be viewed in Chrome 11 or better…
Direct link: 39 Ridiculous Things To Do With CSS3 Box Shadows
A new micro clearfix hack
The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required…
Direct link: A new micro clearfix hack
Absolutely Positioned Textareas
A handy technique for absolutely positioning textareas using left, right, top and bottom values to lock inner elements relative to an outer container. This avoids any issues with padding in various browsers…
Direct link: Absolutely Positioned Textareas
CSS Specific for Internet Explorer
As much as we don’t like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. We typically use IE conditional comments to fix the IE issues. But there are more ways than the conditional comments…
Direct link: CSS Specific for Internet Explorer
The Shapes of CSS
Example page of shapes created with CSS. All use just a single HTML element. Any kind of CSS goes, as long as it’s supported in at least one browser…
Direct link: The Shapes of CSS
Pure CSS GUI Icons Experimental
An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set…
Direct link: Pure CSS GUI Icons Experimental
CSS Box Shadow & Text Shadow Experiments
Using a little HTML and some CSS we take a trip to the dark side of the moon, create a periodical table and make a radioactive love concoction. We even throw some CSS animations in there to add to the party…
Direct link: CSS Box Shadow & Text Shadow Experiments
Hardboiled CSS3 Media Queries
Since I started using Media Queries extensively over the last few months, I’ve revised the queries several times for each project, so it made sense to build a boilerplate to use as a starting point. These hardboiled CSS3 Media Queries are empty placeholders for targeting the devices and attributes I’m interesting in making responsive designs for right now…
Direct link: Hardboiled CSS3 Media Queries