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

Easily Create Dynamic Grid Layout With FreeWall

Post author By gleam
Post date January 16, 2014

Easily Create Dynamic Grid Layout With FreeWall If you are familiar with Windows 8 or Pinterest, you know of the dynamic grid layout. A dynamic grid is a layout where you can rearrange and reposition child elements as required or when you have your browser resized. A popular jQuery plugin used to create this layout is jQuery Masonry but […]

Tags column, design, freewall, layout, masonry, pinterest, query, website

Old Archives

The science behind fonts (and how they make you feel) | ooomf blog

Post author By gleam
Post date December 23, 2013

The science behind fonts (and how they make you feel) | ooomf blog I’ve noticed how seemingly small things like font and the spacing between letters can impact how I feel when reading online. The right font choice along with the absence of sidebars and popups makes everything feel easier and better to read. Websites […]

Tags design, font, layout, typography, website