CSS in Depth: Floats and Positions

We’ll be discussing CSS 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 of elements between each other. Without these, padding and margins would be ineffectual…

Meet the Pseudo Class Selectors

Pseudo class selectors CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover. They are immensely useful in a variety of situations. Some of them are CSS3, some CSS2, it depends on each particular one. Outside of IE, they have great browser support. In IE land, […]

Curtis CSS Typeface

Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on […]

Easier print CSS coding using Firebug and Web Developer Toolbar

Print stylesheets are an aspect of front-end engineering that rarely get any love, and they’ll often be ignored until the last possible moment before launching a site. Sometimes they might even be forgotten altogether, but you should always make time to write at least a basic stylesheet that formats things neatly, and reveals any elements […]

47 CSS Tips & Tricks To Take Your Site To The Next Level

Here are 47 CSS Tips, Tricks, and Techniques to add to your CSS toolbox. Some you may be familiar with while others may be new to you. The tips below span from beginner to more advanced CSS code. Hopefully you’ll find a few techniques that will be both new and useful to you and perhaps […]

Get to Grips with CSS Pseudo-Elements

Pseudo elements include :first-line, :first-letter, :before and :after. In the CSS specification, W3C define pseudo-elements like this: Pseudo-elements create abstractions about the document tree beyond those specified by the document language. For instance, document languages do not offer mechanisms to access the first letter or first line of an element’s content. CSS pseudo-elements allow style […]

Understanding CSS Style Precedence

Have you ever run into the situation where you’re trying to apply a css style to an element, but it won’t take? Your page it seems to be ignoring your CSS, but you can’t figure out why. Maybe you found yourself using !important or adding an inline style as a last resort. There’s a good […]

Online CSS3 Generator

Online CSS3 generator app. Pick an option like rounded corners, text shadow, box shadow, RGBa etc and you’ll get the rules for the CSS. Very handy…

Understanding CSS Attribute Selectors

CSS has the ability to target HTML elements based on any one of their attributes. You probably already know about classes and IDs. But did you know you can select an element based on the rel attribute as well? That is known as an attribute selector. There is a lot more to attribute selectors so […]

« Previous PageNext Page »