Codrops Blueprints – a source of website concepts
Codrops is a blog with numerous articles and tutorials about web design and development. It’s one of the many sites that I routinely check to stay up to date with the current trends and technology of the industry, as well as draw inspiration. One very interesting section that this site has is the Blueprints Collection.
In this collection the publishers of Codrops, display some website concepts which are free to download and adapt or even use. These sites are not your run of the mill sites either. They are beautiful, slick, sexy and address many of the modern problems that a modern web designer inevitably comes across like responsive grids, touch friendly interfaces, adaptive menus, intuitive ui etc. Codrops itself describes this section as:
The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.
Some of my personal favorites are:
(you can visit each Blueprint by clicking on the read more link. You will be redirected to the Codrops site)
- ON SCROLL EFFECT LAYOUT
An on scroll effect template that animates the sides of sections once they are in the viewport. Read more
- ON-SCROLL ANIMATED HEADER
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition. Read more
- TOOLTIP MENU
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space. Read more
- HORIZONTAL SLIDE OUT MENU
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices. Read more
You can visit the Blueprints collection from Codrops here: