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 […]

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…

The Hidden Power of border-radius

So hopefully after reading – Understanding CSS – Padding, Positioning and CSS3 – you understand the basics of CSS and have been experimenting with other properties. It is important to remember that some properties will allow you to achieve effects that aren’t necessarily stated. In this post we will explore the property border-radius and how […]

Creating Triangles in CSS

I’ve come across a few techniques and tips in my career, and one of them is this neat trick to create triangles in CSS. Little people realize when a browser draws the borders, it draws them at angles. This technique takes advantage of that…

CSS Border Attribute – Usage and Best Practices

Borders used to be those ugly gray things that surrounded elements such as tables and frames, but now with CSS they are a very powerful tool for designers…

CSS Borders – Apply unique borders to your images

Learn how to use CSS and a few graphics to dress up images. Make your images stand out with custom borders. Easy to apply with standard HTML and CSS…