CSS3 has the addition of RGBA, a color mode that adds alpha-blending to your favorite CSS properties. It can help streamline your CSS and makes scaling things like buttons very easy. Here’s an example to show you how…
Direct link: Super Awesome Buttons with CSS3 and RGBA
Humans are creatures of habit, and web developers are naturally no different. We develop certain techniques that work, and we stick with them – because, well, they work. But once in a while it’s good to refresh our minds and recall some aspects of development that we’ve probably forgotten. In this article you’ll find 10 CSS properties that accomplish very specific, practical tasks, that are often overlooked…
Direct link: 10 Cross-Browser CSS Properties You’ve Probably Forgotten
How to use browser rendering instead of background images to achieve effects that reduce bandwidth, loading times and also increase maintainability. Learn how to add shadow and hover effects to buttons…
Direct link: Use CSS Borders for 3D Effects
Usually, we create hover effects by changing: font color, font styles, border styles, background, and etc. But can do much more with hover. We can use hover to beautify design, minimize clutter, and display additional information…
Direct link: Maximize the Use of Hover
An overlooked aspect of websites is the formatting of HTML and CSS documents. This affects validation, SEO, and visual ease of use. Visual ease of use is the last thing most authors tend to keep in mind, but it’s still very important…
Direct link: Examples and Tips for Great HTML and CSS Formatting
As web designers and developers, we have all come to learn many css tricks and techniques that help us achieve our layout goals. The list of these techniques is an ever expanding one, however, there are certain tricks that are essential to achieve your goal. Here are 20 excellent css techniques to keep in mind when developing your theme.
Direct link: CSS Tricks That Must be Learned
A tutorial that reviews the basics of CSS and WordPress, including image alignment and useful classes that you can use in your WordPress themes…
Direct link: A Guide to CSS and WordPress
The grid system generator will create fixed grid systems in valid CSS and XHTML for rapid prototyping, development and production environments.
In addition to the css framework, it creates a background file (sample) that you can use in Fireworks, Illustrator, OmniGraffle, Photoshop, Visio etc. to aid in prototyping and design…
Direct link: Grid System Generator – Create valid CSS and XHTML grids
Cross browser testing is something every web designer and developer should consider before they even create one line of code. But how should you go about it? What browsers should you test? and what tools are there that can make browser testing easier?
Direct link: Everything you need to know about browser testing
The idea of Modular CSS is simple. You separate commonly reused chunks of CSS into distinct files for bringing together in a master CSS file or a series of links in the document head. It’s pretty straightforward and it’s been around for a while. What does this mean? The development time for new projects gets exponentially shorter as you refine the basic style sheets that make up your modular CSS Toolbox…
Direct link: Modular CSS in WordPress Child Themes