CSS background images
beautiful textures: patterns, tiles & formats.
Creating seamless patterns on the example of a custom 404 page, with a look at suitable file formats for online use.
The slides cover tips for image creation and accompany the tutorial Get to grips with CSS3 multiple background images: a step-by-step work-through the implementation of a 404 page design via background images.
sidenote: This tutorial was written in 2011 for .net magazine, featured exclusively on the Creative Bloq website, to cover the then-new CSS3 technique. Sadly, the original webpage is now quite broken, lost all comments, images are distorted and code awkwardly formatted. As it's been over a decade now, I decided it's ok to publish a clean version on my site for a nicer reading experience :)
download links for source files Depending on how you prefer to work through the tutorial, you can choose to download only the images and follow the tutorial for all code. Or download the project folder which in addition includes full HTML and partial CSS (to be edited). image folder project folder