Blueprint: Product Comparison Layout & Effect | Codrops This Blueprint is a responsive product grid layout with comparison functionality. A maximum of three items can be selected for the product comparison. The comparison view shows flexbox-powered columns or rows (depending on the viewport size) that appear with a slide-in effect. There are a couple of […]

Tags compare, design, effect, grid, layout, table, website

Old Archives

Horizontal Slide Out Menu | Codrops

Post author By gleam
Post date May 21, 2013

Horizontal Slide Out Menu | Codrops A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices. VIEW DEMO DOWNLOAD SOURCE A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item […]

Tags design, grid, images, layout, menu, navigation, responsive, thumbnail, ui, ux, website

Old Archives

Product Grid Layout | Codrops

Post author By gleam
Post date May 21, 2013

Product Grid Layout | Codrops A responsive product grid layout with some UI details for inspiration. VIEW DEMO DOWNLOAD SOURCE A responsive product grid layout that comes with some UI details for inspiration. The product will rotate showing the backside of the item when the rotate button is clicked. Some examples of how tooltips can appear […]

Tags cart, commerce, design, grid, images, layout, media, responsive, ui, ux, website

Old Archives

Responsive Full Width Grid | Codrops

Post author By gleam
Post date April 18, 2013

Responsive Full Width Grid | Codrops A responsive grid layout for multiple items in a row that fill all the available width. VIEW DEMO DOWNLOAD SOURCE A layout for a full width flexible grid layout for images or other content. The items have a percentage width and some example media queries show how to adjust the […]

Tags column, content, design, flexible, grid, image, jquery, responsive, website