Skip to content

Graphic Euphoria

Archive for the ‘CSS’ Category

Combine all CSS media types into one style sheet

As you are probably already aware you can declare a media type for your CSS stylesheet. This enables you to have a specific style for online, mobile, print etc. Declaring these sheets seperately means you have extra http requests. The more requests per page the less efficient it becomes..

CSS has a built in method of declaring the type as if it were an ‘if’ statement. Hence you can keep all your CSS in the one file!

CSS horizontal drop down menus: A great resource list!

Getting a CSS drop down menu to work across all browsers can be very tricky especially as internet explorer doesn’t really like a hover state on anything other than a anchor tag! Check out this great collection of popular solutions including pure CSS, Javascript and AJAX!

Shorthand CSS: Easier to learn, read and update!

If you write CSS then you will be aware how bulky it can become and, more importantly, difficult to read. Using shorthand CSS you can cut through a lot of the bulk by removing excessive property declarations and with a quick scan you can find a property to change or update.

Free Online CSS Framework Generator

Today I stumbled across a cool new online Web 2.0 application. It’s called ‘CSS Frame Generator’ but I think that title is a little bit confusing to what it actually does..

CSS quick reference and comparison table

Two of the trickiest problems when coding with CSS is knowing the property name, the order of the property attributes (if using shorthand) and knowing which browser supports what..

CSS Reset: the first step to browser compatibility

As everybody knows, getting a website to look the same across different browsers is a tricky task to get right, if not impossible. That is because every browser has it’s own standard default CSS styling sheet built in. The only way to fix this is to include at the top of your own CSS style sheet a ‘CSS Reset’ script.