Lectures web
7.2K views | +0 today
Follow
Lectures web
Divers articles, ressources, ...
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Setting Web Type to a Baseline Grid | Webdesigntuts+

As the web has developed, so have the design principles we observe. Grid-based design has rose in recent years, whereby designers can lay out their site according to a columned grid.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Systèmes de grilles et design responsive | Antistatique.net Blog

Proposer une version du site ou de l’application web adaptée à tous les terminaux est indispensable. Le marché du smartphone est aujourd’hui incontournable, tous nos sites ont passé la barre des 20% de visites via mobile.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The Semantic Grid System

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x classes in your markup. Oh, and did we mention it's responsive? Runs on LESS, SCSS, or Stylus. Read up on Smashing Mag.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A List Apart: Articles: The Infinite Grid

A List Apart: Articles: The Infinite Grid | Lectures web | Scoop.it
Each layout is different, and there are no magic numbers that will work every time. Instead, we have to nail down the relationships between elements, and then let the specifics take care of themselves.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Rhythm And Proportion In Grids And Type - Vanseo Design

Rhythm And Proportion In Grids And Type - Vanseo Design | Lectures web | Scoop.it
Last week I offered some thoughts about rhythm, specifically the rhythm of visual elements. Those thoughts were focused more on the theory. Today I want to lean more toward the practical side and talk about aspects of design we work with regularly and how we can add rhythm to our work through them.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The Semantic Grid System

The Semantic Grid System | Lectures web | Scoop.it
CSS grid frameworks can make your life easier, but they're not without their faults. Fortunately, modern techniques offer a new approach to constructing page layouts.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Grid Displayer - Bookmarklet for Twitter Bootstrap and Foundation - CodeVisually

Grid Displayer - Bookmarklet for Twitter Bootstrap and Foundation - CodeVisually | Lectures web | Scoop.it
Grid Displayer is a boomarklet that displays the grid of both Twitter Bootstrap (fixed and fluid grid) and Foundation (2.0 and 3.0). It works with Firefox and WebKit browsers.
more...
No comment yet.