Great article on some fun CSS techniques. Are you using any of these? 22 Essential CSS Recipes
Removing Last Border in a Menu With CSS
You will often see a menu that looks like this: About | Services | Our Team | Contact But if you want to use the CSS “border-right” to make that pipe after each menu item, how do you get rid of the pipe for the last menu item? Easy! First, my CSS for my menu…
Read More
Indenting Text for List Items
I hate it when you have a list item that wraps around but the text doesn’t indent to match up with the text after the dot. Here’s how to fix that: ul > li { display: table-row; } ul li:before{ display: table-cell; } Hope this helps!
How to Create Menu Items That Don’t Link
Every once in a while I’ll have a customer who wants a menu item that doesn’t actually link. I don’t recommend this because if you are going to have, say, different pages for all your services, I believe it’s good to have that overall Services page to give an overview. But if you don’t want…
Read More
How to: Underline Dots That Connect Two Items with CSS
I have a designer who likes to list an item and then have the dot dot dot and then the number or price or something, so it looks like the example on the right. That’s all fine and good, except when you realize that different browsers show those dots in different sizes, so the alignment…
Read More
Beautiful Examples of CSS3 Typography
Lots of great inspiration here: http://marketblog.envato.com/web-design/css3-typography-code-snippets/?ref=webdesignernews.com
Gravity Forms and Browser Detection
I was looking at the source code for one of the Gravity Forms on my site and realized that Gravity was adding a special CSS class to target specific browsers. I had never realized this before, but, boy, am I psyched because different browsers really render forms differently, especially the submit button. Now that I…
Read More