CSS Arrows and Shapes Without Markup

Often it’s useful to show an arrow or some sort of contextual indication of what element something is related to. We see this frequently with tooltips that use arrows to point to the item that is triggering them.

Today I’m going to show you a way to add in these visual hints without having to create any markup…

VN:F [1.9.22_1171]
Rating: -1 (from 1 vote)

CSS Positioning 101

If you’re a front end developer or a designer who likes to code, CSS-based layouts are at the very core of your work. In what might be a refresher for some, or even an “a-ha!” for others, let’s look at the CSS position property to see how we can use it to create standards-compliant, table-free CSS layouts…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Understanding CSS3 Transitions

We can start to use CSS3 transitions right now as long as we carefully choose the situations in which to use them. They certainly won’t replace existing technologies like Flash, JavaScript, or SVG (especially without broader browser support)—but they can be used to push the experience layer a notch higher. And most importantly, they’re relatively easy to implement for the web designer already familiar with CSS. It only takes a few lines of code…

VN:F [1.9.22_1171]
Rating: 0 (from 2 votes)

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…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)