Posts tagged CSS
When to use an img tag, when to use a CSS background image
Nov 3rd
<Img> tag vs CSS background image…This has caused much confusion to many web-developers I have met – many more developers don’t care. So, when should you use an <img> and when should you use a CSS background image on your element? The answer is surprisingly simple…In nearly all cases, use <img> tags for contextually important More >
How to reduce web page download time in 4 (fairly) simple steps
Oct 1st
Web pages have generally become much more bulky in recent years. The trends for JavaScript-based functionality enhancements and the popularisation of digital photography have led to larger amounts of data being transferred (downloaded) per page and I can’t see a reversal of this happening any time soon. If you’re using a mobile device such as More >
CSS Basics: The difference between outline and border
Jul 26th
CSS outline and border are at a glance very similar but have a few important differences: Outline is effectively overlaid over the top of the element it is applied to and therefore outline does not add to the element width whereas border does add to the element width Outline (according to the official W3C specification More >
A simple example of CSS sprites
May 25th
CSS Sprites can help to reduce web page download times and delays caused by downloading of hover/rollover background images. This article walks through the basics with an example of how you can use CSS sprites in a graphical HTML menu.
An example of @font-face web-fonts from CSS3
May 5th
Web-fonts, for those who don’t know, are a method of using a custom font in your web page(s). Unlike the more traditional method of specifying the font using the CSS “font-family” (or the shorthand “font”) which relies on the user having the relevant font installed on their computer, web-fonts allow the developer to use fonts More >