Web Design Inspiration with Code Snippets
Handpicked code snippets you can use in your web projects. Find website design inspiration with code samples. Scroll down and find more inspiration or use the search to find something more specific.
July 04, 2018
In this simple code snippet, we see how we can hide the navigation menu when a user scrolls down and reveal it when they try to scroll up. This...
June 29, 2018
A very simple sticky header for your navigation menu designed by Marco Biedermann. When you scroll down the navigation menu gets stuck to the top of the page.
November 10, 2017
This is an image effect designed by Joshua Ward where the images in the article slides in from the sides as you scroll down the page.
October 26, 2017
A 2 column split screen image and cation gallery designed by Eduardo Bouças. When you scroll each section loads a new content side by side.
October 04, 2017
A really cool image gallery in pure CSS, as you scroll the left and right sections scroll one by one. It was designed by Kseso.