In this Heat Map example, web site’s Performance data is overlay with color, where red means “slowest” and green means “fastest” (with various...
Join Scoop.it for Free
Share ideas that matter on the social web and experience
the benefits of curating the world's best content.
I don't have a Facebook, a Twitter or a LinkedIn account
Already have an account: Login
|
Scooped by Agathe-Sevegrand onto Lectures web |
No comment yet.
Sign up to comment
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
 Your new post is loading...
Scoop.it!
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.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
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.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
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.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
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.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
|
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.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
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.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
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.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
|
