To make it easier for your visitors to visually separate similar elements in your web page (such as table rows, paragraphs, list items etc), you can give alternate elements a different background colour. You can achieve this using a server-side script but here’s a really simple way to do this using JavaScript.
In the 2.1 CSS Specification, there are four different pseudo-elements available to use. These are :after, :before, :first-letter and :first-line. Here’s a quick description of each one.
It’s time for a bit of feedback from you. Unless you’ve been living under a rock, you’ll have heard of ‘CSS frameworks’ but have you ever used one? A quick search on Google brings up a multitude of different ones but which one is the best?
I’ve put together a quick list of the most popular [...]
In an ideal world, creating a cross-browser dropdown menu would be straight forward. Unfortunately, the world of browsers is far from ideal (as long as Internet Explorer 6 still exists!). For other browsers, the following code works fine:
If you want to give your users the ability to change the appearance of your website dynamically and you don’t fancy using a PHP Style Switcher, you can always use JavaScript.
In your typical page navigation, you might have a ‘normal’ state and a ‘hover’ state using the :hover pseudo-class. For example, all nav links have a blue background which changes to a red background when the mouse hovers over them. What if you decide that you’d like the ‘current page’ link to have a red [...]
