You can do a lot with css3 transitions and I’m not going to get into that here. But I am going to show you a simple line of css you can start using now to add a nice smooth animation to your :hover effects. (more…)

Leave a Reply » | Filed under: CSS, Web Design | Social Tags: CSS, css3

Unordered lists <ul> have become quite a staple in the modern web developer’s tool box. We’ve taken them quite far with fancy menus and the like. However, we seem to forget about styling good ‘ol lists! While we often put basic lists onto our sites, they do sometimes get a bit bland and it would be nice to spice them up a bit. Well here comes your guide to making your lists a bit more visually stimulating using a little css. (more…)

9 Replies » | Filed under: CSS, Web Design | Social Tags: bullets, CSS, lists, print style

What is image replacement? If you are a web developer who cares about standards you have surely come across CSS image replacement techniques. If not, you can do a bit of research on the available methods of image replacement and the original Fahrner Image Replacement (FIR). The basic idea here is to use standard html markup containing text, and then replace it with an image using CSS. Using this method search engines and screen readers can understand the HTML, while at the same time your users get to see the image of the text. This is generally used when a web developer (or client) needs wants to use a specialized font for page headings instead of a web friendly font. (more…)

6 Replies » | Filed under: CSS, Web Design | Social Tags: CSS, fir, image replacement, logos, print style