A handy online tool that allows you to easily create the code for CSS3 buttons complete with gradients, borders, box shadows and text shadows…
Direct link: CSS3 Button Generator
Monthly Archives: October 2010
Formalize CSS
I want some measure of control over form elements, without changing them so drastically as to appear foreign in a user’s operating system. Thus, my quest to find a happy medium, where browsers would generally agree and let me keep my sanity. The result is what I’m simply referring to as Formalize CSS…
Direct link: Formalize CSS
Diagonal CSS Sprites
With the sprite built on a diagonal there are no components below or to the right of the component you are showing. This allows for the element using the sprite to be as wide or as tall as it needs to be with no worry of exposing the next component…
Direct link: Diagonal CSS Sprites
CSS Border Tricks – Pressed, Beveled, Shadows, Indented Borders
Since I released my new redesigned blog, a lot of people have asked me how I styled the pressed effect on my category navigation. I would like to share some simple border style tricks to get various effects for your next project…
Direct link: CSS Border Tricks – Pressed, Beveled, Shadows, Indented Borders
Ultimate CSS Gradient Generator
The Ultimate CSS Gradient Editor has the ability to specify gradients using pure CSS3, without having to create any images and use them as repeating backgrounds for gradient effects. The resulting CSS gradients are cross-browser – they will work in these browsers and will also fall back to a simpler gradient in Internet Explorer…
Direct link: Ultimate CSS Gradient Generator
Why we don’t have a parent selector
With work, I’ve had to do quite a bit of examination of performance. We run a number of tools over an application to determine where the bottlenecks are. One such application is Google Page Speed which provides a number of recommendations to improve JavaScript and rendering performance. Before I get into its recommendations, we need to understand a little better about how browsers evaulate CSS…
Direct link: Why we don’t have a parent selector
KEYS.css
CSS3 Advanced Box Shadows
In this video, you’ll learn about additional box-shadow features, such as multiple shadows and inset shadows. You’ll also learn some advanced techniques, such as how to create a sunken well effect…
Direct link: CSS3 Advanced Box Shadows
The Square Grid – A simple CSS framework for designers and developers
A simple CSS framework for designers and developers, based on 35 equal-width columns. It aims to cut down on development time and help you create beautiful-structured websites…
Direct link: The Square Grid – A simple CSS framework for designers and developers
CSS3 Animated Bubble Buttons
This week we are creating a useful set of animated buttons with the power of CSS3′s multiple backgrounds and animations. With this button pack, you can easily turn any link on your page into an animated button by just assigning a class name. No JavaScript necessary. Four color themes and three sizes are also available by assigning additional class names…
Direct link: CSS3 Animated Bubble Buttons