I had a job recently putting together yet another site designed by a very good graphic artist who knew nothing about web. First thing she did was put a great fat image slider at the top of the page so that no-one would be able to see any content above the fold, and even if they did, their attention would be continually grabbed by the next moving image.
What about background images, I thought, and once thought, it wouldn’t go away. I borrowed some code from
tweaked it and simplified it and came up with
which I reckon is pretty cool if I say so myself. The images are all background images in an unordered list, and with media queries I am able to call on a different folder of different sized images for each breakpoint.
The media query breakpoints have become my default boilerplate set up. Grab the source code and have some fun.
Next job: SImplify the process with a bit of server side coding to write the CSS using the images from one folder ….