Victor Loux → Bookmarks → grid

Understanding Layout Algorithms

joshwcomeau.com/css/understanding-layout-algorithms/

As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.

• css, tag
• layout, tag
• ui, tag
• flexbox, tag
• algorithms, tag
• articles, tag
• grid, tag
• ·2 years ago

Building a hexagonal grid using CSS grid - ninjarockstar.dev

ninjarockstar.dev/css-hex-grids/

• css, tag
• hexagonal, tag
• layout, tag
• grid, tag
• ·3 years ago

Tokyo subway’s humble duct-tape typographer - Chris Gaul - Medium

medium.com/@chrisgaul/tokyo-subways-humble-duct-tape-typographer-a8c84bb6b99b

The story of a humble security guard and his hand-lettered subway signage.

• typography, tag
• design, tag
• japan, tag
• diy, tag
• grid, tag
• graphic_design, tag
• ·4 years ago

CSS Grid Generator

cssgrid-generator.netlify.com/

• grid, tag
• css, tag
• tools, tag
• ·4 years ago

Using CSS Grid the right way | hey it's violet

vgpena.github.io/using-css-grid-the-right-way/

CSS Grid is fun to use but hard to learn. Here are three tips to help you understand and leverage the Grid spec.

• css, tag
• layout, tag
• best_practices, tag
• tutorial, tag
• grid, tag
• ·5 years ago

CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks

css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/

• ie, tag
• layout, tag
• browsers, tag
• css, tag
• grid, tag
• legacy, tag
• inclusive_design, tag
• ·5 years ago

Muuri - Responsive, sortable, filterable and draggable grid layouts

haltu.github.io/muuri/

Muuri is a JavaScript library that creates responsive, sortable, filterable and draggable grid layouts.

• animation, tag
• grid, tag
• responsive, tag
• library, tag
• drag, tag
• javascript, tag
• ·6 years ago

André Staltz - An off-grid social network

staltz.com/an-off-grid-social-network.html

User Interface Programmer

• network, tag
• internet, tag
• diy, tag
• social, tag
• distributed, tag
• infrastructure, tag
• offline, tag
• grid, tag
• ·7 years ago

A Complete Guide to CSS Grid | Codrops CSS Reference

tympanus.net/codrops/css_reference/grid/

• css, tag
• layout, tag
• grid, tag
• development, tag
• reference, tag
• tutorial, tag
• teaching, tag
• ·7 years ago

CSS Grid – Table layout is back. Be there and be square.  |  Web  |  Google Developers

developers.google.com/web/updates/2017/01/css-grid

• css, tag
• web, tag
• grid, tag
• table, tag
• ·7 years ago

The Goldilocks Approach to Responsive Web Design

goldilocksapproach.com/

• grid, tag
• css, tag
• framework, tag
• responsive, tag
• webdesign, tag
• html, tag
• ·9 years ago

Profound Grid | A grid system for fixed and fluid layouts

profoundgrid.com/

• css, tag
• layout, tag
• grid, tag
• rwd, tag
• framework, tag
• web_development, tag
• frontend, tag
• tool, tag
• ·9 years ago

michal krasnopolski: classic movie posters

michalkrasnopolski.com/classic-movies.html

• graphic_design, tag
• grid, tag
• minimalism, tag
• movies, tag
• poster, tag
• geometric, tag
• ·9 years ago

Cocinas Corona - For Newspaper on Behance

behance.net/gallery/Cocinas-Corona-For-Newspaper/14291979

& josef müller-brockmann’s 3D grid → http://zigzaganimal.be/wp-content/uploads/2012/02/3d-grid_brockmann.jpeg

• 3d, tag
• typography, tag
• grid, tag
• newspaper, tag
• advertising, tag
• ·10 years ago

List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids

blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/

• user_interface_design, tag
• ui, tag
• UX, tag
• interaction_design, tag
• grid, tag
• list, tag
• linear_list, tag
• feed, tag
• data, tag
• responsive, tag
• ·10 years ago

Golden Grid System

goldengridsystem.com/

• grid, tag
• css, tag
• responsive, tag
• framework, tag
• webdesign, tag
• design, tag
• web, tag
• html, tag
• layout, tag
• tool, tag
• ·11 years ago

The Secret Law of Page Harmony | Retinart

retinart.net/graphic-design/secret-law-of-page-harmony/

• design, tag
• layout, tag
• typography, tag
• grid, tag
• page, tag
• print, tag
• article, tag
• book, tag
• books, tag
• graphic_design, tag
• ·11 years ago

Gridpak - The Responsive grid generator

gridpak.com/

• grid, tag
• responsive, tag
• css, tag
• generator, tag
• design, tag
• webdesign, tag
• responsive_design, tag
• tool, tag
• layout, tag
• ·12 years ago

The Work of Art Director Pierrick Calvez

pierrickcalvez.com/

• portfolio, tag
• design, tag
• webdesign, tag
• inspiration, tag
• grid, tag
• agency, tag
• art_direction, tag
• designer, tag
• responsive, tag
• simple, tag
• ·12 years ago

Brunswicker Recent Projects Special

septemberindustry.co.uk/images/TVP_72dpi_1000px_08.jpg

• editorial, tag
• grid, tag
• typography, tag
• ·12 years ago