grid
Alle Einträge mit dem Tag "grid"
Mittwoch, 31. August 2011
Golden Grid System
Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.
Freitag, 5. August 2011
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
Montag, 27. Juni 2011
Baseline – a designer framework by ProjetUrbain.com
Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.
Donnerstag, 10. März 2011
The 1140px CSS Grid System/Framework · Fluid down to mobile
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.<br />
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.<br />
Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.
Freitag, 12. November 2010
Donnerstag, 21. Oktober 2010
Gridulator: Make pixel grids, lickety-split
Enter width and number of columns, get columns and gutters.
TOKI WOKI. Boks–A Visual Grid Editor
Boks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS's framework. It's been designed for those who think the Grid System is good but never really took the time to give it love.<br />
<br />
It handles grid configuration, baseline rhythm pimpin', CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!<br />
<br />
Want more? Sure! You can also provide your own CSS files and other assets to be used in addition with the generated CSS and HTML!
Montag, 12. April 2010
10 Really Outstanding and Useful CSS Grid Systems | Spyre Studios
Grids are an invisible foundation that structure the websites we develop and design. This invisible foundation makes it possible for rapid development, concise code, and a much more organized layout.
Donnerstag, 18. Juni 2009
An Introduction to CSScaffold
I'm working on my own spin on CSS frameworks, except that mine is a little bit different. It requires PHP to make CSS better, rather then relying on the bad system that we have to work with.
Donnerstag, 26. März 2009
65 Resources for Grid-Based Design
Grid-based design is obviously a popular approach in modern web design. For designers that use grids, this post includes links to useful tools that can improve your efficiency and effectiveness, as well as some articles for advanced techniques. For those of you who are not as familiar with the details of grid-based design, there are plenty of articles and learning resources here.