#grids (28 links)
- gridless.design gridless.design
For the purposes of the following observations and examples we'll be referring to the grid used for user interface (UI) design to layout a web page or application. This is commonly known as the n-column grid or the n-pixel grid.
- Spec · 8-Point Grid spec.fm
- CSS Grid Layout and Progressive Enhancement developer.mozilla.org
- Layout Demos by Jen Simmons labs.jensimmons.com
The Experimental Layout Lab of Jen Simmons Check back often. This will keep changing. Includes the demos for: Revolutionize Your Page: Real Art Direction on the…
- A Complete Guide to Grid | CSS-Tricks css-tricks.com
CSS Grid Layout (aka "Grid"), is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based…
- Flexbox Grid Finesse | HeydonWorks heydonworks.com
(This post was originally published on Medium, put has a permanent home here.) Flexbox—not to be confused with Sex Box , the British TV show wherein Mariella…
- Grid by Example gridbyexample.com
- Grid Forms · Data entry made beautiful kumailht.com
Grid forms are dense forms designed for use in applications that require lots of data to be entered regularly. A tiny Javascript/CSS framework that helps you make forms on grids with ease.
- Singularity | Grids without limits singularity.gs
Singularity is based on internal ratios instead of context based which allows for better gutter consistency across breakpoints. Ratio based math also allows for non-uniform grids in any unit you want to use.
- zurb/foundation · GitHub github.com
- Stubbornella » Blog Archive » The hacktastic zoom fix stubbornella.org
Via twoplusfour.
- Gridulator: Make pixel grids, lickety-split gridulator.com
Gives you any grid you want, anywhere you want: Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Thats not all, Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots
- Stubbornella » Blog Archive » Object Oriented CSS, Grids on Github stubbornella.org
Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.
- 960 Grid System 960.gs
Really don't like these grid-based frameworks but there's some useful general info on grids here.
- Javascript grid overlay | Labs | Pete Goodman - Web Developer petegoodman.com
Handy. "To show or hide the design grid (or other graphic), just import the following javascript file, and then use the keys Control and ; to show or hide the grid."
- Pixel Perfect pixelperfectplugin.com
A Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML. By toggling the composition on and off, the developer can visually see how many pixels they are off in development.
- Subtraction: The Framework Formally Known as ’Prints subtraction.com
Khoi Vinh interviews Olav Frihagen, creator of Blueprint framework.
- Subtraction: Oh Yeeaahh! subtraction.com
Creating some kind of definitive documentation about my approach to designing for the Web with the typographic grid as my primary layout tool.
A quick Photoshop style Layout Grid Bookmarklet