infovore + layout   31

The Subtle Magic Behind Why the Bootstrap 3 Grid Works | Experience Design at Hello Erik
Very clear explanation of precisely what's going on inside the Bootstrap grid - with diagrams, and also clear explanations of the roles of each styling class. The clarification of push/pull is particularly useful.
css  grid  html  bootstrap  layout  web 
july 2014 by infovore
The Guardian iPad edition design evolution | Media |
Lovely behind-the-scenes on how the Guardian iPod app slowly evolved.
design  ipad  guardian  newspaper  layout 
october 2011 by infovore
Mark Porter » Blog Archive » New work: The Guardian iPad app
"Unlike the iPhone and Android apps, which are built on feeds from the website, this one actually recycles the already-formatted newspaper pages. A script analyses the InDesign files from the printed paper and uses various parameters (page number, physical area and position that a story occupies, headline size, image size etc) to assign a value to the story. The content is then automatically rebuilt according to those values in a new InDesign template for the app.

It’s not quite the “Robot Mark Porter” that Schulze and Jones imagined in the workshops, but it’s as close as we’re likely to see in my lifetime. Of course robots do not make good subs or designers, so at this stage some humans intervene to refine, improve and add character, particularly to the article pages. Then the InDesign data goes into a digital sausage machine to emerge at the other end as HTML." Niiiiice.
berg  design  layout  guardian  markporter  ipad  print 
october 2011 by infovore
Slammer - Designer's Geometry Box
"Slammer 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. Slammer is a must have for any designer."
grid  layout  design  osx  application  utility  tools 
december 2009 by infovore
aanand's cmon at master - GitHub
"All yeahs in a baby are always the same height." Crazy markup preprocessor of the day, with suitably entertaining documentation.
cmon  html  layout  markup  wtf 
august 2009 by infovore
The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach
Generates a tiny file to do the most basic things, from the looks of it.
css  grid  layout  generator  code  framework  web  design 
june 2009 by infovore / editorial design
"I missed this earlier in the year. In their issue 923, Domus magazine published this hidden illustration of ‘Miss Web 2.0’. Imagine planning it." I daren't. That's amazing.
domus  design  origami  paperfolding  folding  magazine  layout 
may 2009 by infovore
Noisy Decent Graphics: All the ephemera that's fit to print *
"The baseline grid. Oh yes, the baseline grid. Let's be honest this is the sort of thing you know you need to know about. And you do know about, you know, sort of. But. Do you really know about it? Of course you do if you work on a magazine or a newspaper, but when was the last time you used one? I almost re-taught myself how to use a baseline grid. I certainly re-read all about it and it pretty much saved my life." Ben, on the details of The Paper. Good stuff in here.
design  publishing  printing  layout  interprint 
january 2009 by infovore
The Grid System
"The ultimate resource in grid systems."
resource  grid  design  layout  web  reference 
december 2008 by infovore
Flare | Data Visualization for the Web
"Flare is an ActionScript library for creating visualizations that run in the Adobe Flash Player. From basic charts and graphs to complex interactive graphics, the toolkit supports data management, visual encoding, animation, and interaction techniques. Even better, flare features a modular design that lets developers create customized visualization techniques without having to reinvent the wheel." Oh, that could come in useful
flash  programming  library  visualization  dataviz  infographics  layout 
november 2008 by infovore
Battle of the CSS Frameworks | Capsize Designs
A neat summary of what's available out there; I use Blueprint for prototyping, but it's interesting to see what else is available - particularly the more stripped-down frameworks.
css  design  code  web  layout  framework  prototyping 
october 2008 by infovore
OmniGraffle UX Template | Konigi
"In this template you'll find shared layers (masters) for a title page, wireframe, wireframe/storyboard hybrid, simple storyboard, and storyboard with notes. Column guides and a regular grid make it easy to use and keep your layout tight." Nice .graffle templates for UX designers.
design  ux  omnigraffle  template  layout  prototyping 
august 2008 by infovore
Speak Up › Dear Lulu, The New Standards
"The result of the workshop is Dear Lulu, a fantastic and imaginative resource that puts digital printing to the test through a Do-It-Yourself presentation." Testing digital printing by creating a book that's full of metrics and challenges.
typography  printing  reference  quality  printondemand  lulu  design  layout  margin  bleed 
august 2008 by infovore
GridMaker Reboot - Article - andrewingram
Lovely little Photoshop jsx script. Might tweak it to make the horizontal lines a config option - I've hacked it to disable them for now.
photoshop  design  grid  layout  script  automation  generation 
april 2008 by infovore
Prince: What's New
"Prince is a computer program that converts XML and HTML into PDF documents."
pdf  css  xml  print  software  publishing  layout  conversion 
september 2007 by infovore
Blueprint: A CSS Framework
Impressive (if fixed-width) grid-based CSS framework. Looks natty; I should check it out, I feel.
css  framework  desgin  xhtml  markup  layout 
august 2007 by infovore
Projectionist: A tumblelog
The archives are very, very beautiful
archives  design  layout  tumblelog 
july 2007 by infovore
Beautfiul, invigorating design for a website/blog.
blog  design  layout  ingenious 
april 2007 by infovore
New at Pentagram: New Work: TIME Magazine
Pentagram's Time redesign launched; here's their blogpost on it. Really like the design of the contents page especially.
design  layout  pentagram  print  magazine 
march 2007 by infovore
Web Typography Sucks | Slides and notes from SxSW 2007
Mark Boulton and Richard Rutter knock one out of the park with their SxSW presentation. Awesome.
typography  type  design  web  font  typeface  grid  layout 
march 2007 by infovore
Letterbox: Widescreen Plugin for | | Aaron
Might come in handy should I ever get one of them widescreen notebooks.
mail  osx  application  plugin  email  mac  layout 
november 2006 by infovore
Information Architects Japan » Blog Archive » Web design is 95% typography
Very true. This, and a beautiful piece of print design I saw this weekend, are giving me _all_ sorts of ideas...
typography  ia  layout  grids  design  web  usability 
october 2006 by infovore
02138 § The World of Harvard
Havard alumn magazine, online. Rather beautiful.
inspiration  design  magazine  publishing  layout  grid 
october 2006 by infovore
India, Ink.
A blog about typesetting and bookmaking. Delightfully written.
design  layout  books  publishings  blog 
july 2006 by infovore
"Conservatism with attitude", apparently. Still, I like the layout.
blog  design  layout  type 
may 2006 by infovore
Design Melt Down
Lovely web design resource; clear, clean, and some good ideas.
web  design  typography  layout 
february 2006 by infovore
Subtraction: Grid Computing%u2026 and Design
explanation of how a beautiful grid-based site design was done, with sample grid as background image
css  webdesign  grid  gridbased  layout 
january 2005 by infovore

Copy this bookmark: