All of the CSS patterns shown on this page can first be seen in the content carousel. Just tap through the illustrations until you find a pattern that you are interested in - then click on the image and you'll be taken to a coded version of the pattern with the CSS which you may copy or adapt. In some cases you will also discover some of my own experimentations with the CSS patterns.
Found all over the internet, the following CSS patterns have been credited where possible. As I am one to meddle, the majority of these patterns have an addendum where I have adapted the original CSS by myself; to my own tastes and sense of experimentation. Feel free to copy down the original code (it has been made freely available) - or copy down my ammended CSS and experiment with pattern making yourself.
Have nothing in your house that you do not know to be useful, or believe to be beautiful.William Morris
Pattern exists in nature as well as in designed objects; it is useful to look at the parallels. A Harvard biologist named Peter S. Stevens has published a book entitled "Patterns in Nature" in which he claims that there are only a finite number of ways that patterns can be structured. He starts with the idea of a grid as the foundation for any structure or image. He presents a set of ways in which the points of a grid can be connected. These modes of connection become classes of pattern, which he claims can be seen in any situation, in nature and in made images, and from the microscopic to the cosmic scale. Charlotte Jirousek, “Art, Design & Visual Thinking”