public marks

PUBLIC MARKS with tag "grid layout"

This year

2012

THE AVANT/GARDE DIARIES

by sbrothier & 1 other
The Avant/Garde Diaries is a digital portrait magazine that documents personal views on the avant-garde. Rather than labeling people avant-garde, we try to see through the eyes of people, who we admire for what they do. For each article we ask contributors from the creative field to introduce someone or something they consider to be ahead of time and explain why. The result will be a compendium of various, very personal perspectives that disclose new ways of thinking and spread inspiration. Corresponding to this digital platform, three-day festivals will be hosted in metropolises around the world. Each event will be curated by an expert from the creative industry, showcasing his or her personal view on avant-garde. For information on upcoming and past events please check the Event category on this site. The Avant/Garde Diaries is a project initiated by German automobile manufacturer Mercedes-Benz. All content remains editorially independent.

15 Great Examples of Websites using jQuery Masonry | Web Resources | WebAppers

by sbrothier
jQuery Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

2011

Designing faster with a baseline grid | Teehan+Lax

by sbrothier & 1 other
Lately, grids have become the ultimate obsession of designers and design writers: hundreds — not to say thousands — of articles, tutorials, books and websites solely dedicated to grids and their application in (web)design have been published in the last few years. A simple search on Google with the terms “grid” and “webdesign” returns almost 5 million results. There is even a movie with characters trapped in what they call “the grid” […] “a final frontier”.

2010

The Gap 1969 Stream

by sbrothier
news, twitter, facebook

The 1140px CSS Grid System/Framework · Fluid down to mobile

by gregg & 5 others
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. 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. 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.

jQuery Masonry · David DeSandro

by srcmax & 8 others
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

jQuery Masonry · David DeSandro

by sbrothier & 8 others
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

The Old Fashioned » Realigning the new Twitter

by sbrothier & 1 other
Recently Twitter redesigned its web interface. The new panel-esque design really encourages to use the web app instead of having to tweet with desktop clients like Twitterrific or Tweetie. The interactions work as expected, and somewhat remind me of those found on Twitter for iPhone, which makes perfect sense since it’s Twitter’s official iPhone app. Overall: impressive work, and thumbs up.

Designers Bookshop – Grid Calculator Basic Edition

by sbrothier
Many people that work with layout never take the time to learn a very essential skill (grid systems). Creating your design based on your document dimensions is critical to create the best possible layout. If you are ready to create better layout without having to do any mathematics which is normally required when working with grid systems you should take a look at the videos below. Grid Calculator Basic Edition calculates grid systems for you really fast, all you need to do is to paste the information into your layout software. Our software also works for web design. Start creating better layout today! The videos below shows how you can use our software together with Adobe Indesign, Illustrator and Photoshop. Download the free demo and try it!

Basic Maths

by sbrothier & 1 other
It was designed and developed by Khoi Vinh of Subtraction.com with Allan Cole of fthrwght.com

Slammer - Designer's Geometry Box

by gregg & 2 others
Slammer overlays any grid you want, anywhere you want. Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots.

Slammer - Designer's Geometry Box

by sbrothier & 2 others
Slammer overlays any grid you want, anywhere you want. Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots.

2009

960 Grid System

by gregg & 27 others
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem

960 Gridder - Lay out websites with ease.

by gregg
960 Gridder is an excellent tool for any web developer/ designer that wants to easily align, match and/or lay out websites.

Boks - A Visual Grid Editor

by gregg & 2 others
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. It handles grid configuration, baseline rhythm pimpin', CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!

2008

Yahoo! UI Library: Grids CSS

by sbrothier & 15 others
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include: * Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number. * Supports easy customization of the width for fixed-width layouts. * Flexible in response to user initiated font-size adjustments. * Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO). * Self-clearing footer. No matter which column is longer, the footer stays at the bottom. * Layouts less than 100% are automatically centered. * Accommodates IAB's Ad Unit Guidelines for common ad dimensions. * Offers full A-grade browser support.

Grid-Based Design: Six Creative Column Techniques | How-To | Smashing Magazine

by gregg & 2 others
Grid systems bring visual structure and balance to site design. As a tool grids are useful for organizing and presenting information. Used properly, they can enhance the user experience by creating predictable patterns for users to follow. From designer’s point of view they allow for an organized methodology for planning systematic layouts.

Allan Jardine | Design

by gregg & 6 others
Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet.

GridFox - The Grid Layout Firefox Extension » Eric Puidokas » Programming and Designing for the Web

by sbrothier & 2 others
Enter GridFox. GridFox is a Firefox extension that overlays a grid on any website. If you can open it in Firefox, you can put a grid on top of it. It’s easy to customize, allowing you to create the exact grid you designed your layout around.

PUBLIC TAGS related to tag "grid layout"

archi +   blog +   books +   cinéma +   css +   design +   fashion +   fibonacci +   firefox +   flag +   golden ratio +   graphic design +   graphic resource +   html +   illustrator +   interface +   intégration +   javascript +   lang:en +   media +   mobile +   music +   photoshop +   pixel +   plaquette +   plugin +   recettes +   software +   themes +   tools +   twitter +   typography +   ui +   usability +   web/tech +   webdesign +   webfonts +   wishlist +   wordpress +   +  

Active users

gregg
last mark : 18/02/2013 11:12

sbrothier
last mark : 20/03/2012 17:03

srcmax
last mark : 05/11/2010 10:11