Scribbles about CSS

Remove Redundant CSS From Your Stylesheet

Last week someone approached me with a problem- their website was running significantly slow. There were many obvious problems, but the issue I’m going to cover today is CSS stylesheets.
Believe it or not, but stylesheets can slowdown a website if they get too bloated. It’s extremely common for a web developer to fill stylesheets with [...]

Rounded Corners With CSS

This is a pretty simple but useful tutorial. A lot of people physically create round-edged backgrounds with applications like Photoshop. While this is time-consuming and a complete nightmare for updating purposes, there is a much more efficient way of doing this with the use of CSS. Only problem is that it doesn’t work in all [...]

Pure CSS Image Gallery

If you look in BrightCherry’s team page, you’ll notice that I’ve implemented a small CSS image gallery for a few of our team members. It’s a simple CSS image gallery- no Javascript or any other scripting language is required for the feature to work. I had someone ask me how I did it, so I [...]

Centering Text Vertically With CSS

CSS can be extremely odd some times, and vertically centralizing text in CSS is one of those occasions which makes me think that…
Centering text horizontally within a div is extremely straight forward. All you need to to do is use the text-align:center property. But for some reason, there isn’t an easy remedy to centralize text [...]

Using Different CSS Stylesheets For Different Browsers

I’ve been crunching through a lot of CSS this week, and on occasion I’ve had to overcome the classic CSS battle between Firefox and I.E. It’s no secret that Internet Explorer and Firefox tend to disagree on certain elements in which they render CSS properties. So while everything may line up perfectly using one browser, [...]

5 Cool CSS Tricks That Are Often Neglected

In this post I’ll quickly go over 5 CSS tricks that I think are pretty cool, but often neglected.

Controlling case sensitivity
Transparency
Using multiple classes together
Changing Cursor
CSS font shorthand

1: Controlling case sensitivity
I’ve already mentioned this in a previous post, but it’s a nice little trick, so it belongs in this list. This property controls the case [...]

How To Remove Dotted Border From Links In Firefox

I’ve noticed that a lot of websites have an unexpected dotted border around links in Firefox. A lot of the times you can get away with it because it doesn’t look too odd (depending on your CSS). However, I’ve seen cases when it looks pretty odd.
Here’s an example:

I’ve actually taken that screenshot from a web [...]

Centering A Div With CSS

I get this question a lot, “How do you center a div?”
Central aligned websites are extremely common. Back in the day most websites were aligned to the left, but long gone are those days. Although, I do see the odd few keeping it old school (which is all very cool).
Centered Website

Left aligned website

There are a [...]