The Guardian iPad edition design evolution | Media | guardian.co.uk
october 2011 by infovore
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
october 2011 by infovore
"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
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.
october 2011 by infovore
Slammer - Designer's Geometry Box
december 2009 by infovore
"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
august 2009 by infovore
"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
magCulture.com / editorial design
may 2009 by infovore
"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 *
january 2009 by infovore
"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
december 2008 by infovore
"The ultimate resource in grid systems."
resource
grid
design
layout
web
reference
december 2008 by infovore
Flare | Data Visualization for the Web
november 2008 by infovore
"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
october 2008 by infovore
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
august 2008 by infovore
"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
august 2008 by infovore
"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
april 2008 by infovore
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
september 2007 by infovore
"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
august 2007 by infovore
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
New at Pentagram: New Work: TIME Magazine
march 2007 by infovore
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
march 2007 by infovore
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 Mail.app | aaron.harnly.net | Aaron
november 2006 by infovore
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
october 2006 by infovore
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
october 2006 by infovore
Havard alumn magazine, online. Rather beautiful.
inspiration
design
magazine
publishing
layout
grid
october 2006 by infovore
India, Ink.
july 2006 by infovore
A blog about typesetting and bookmaking. Delightfully written.
design
layout
books
publishings
blog
july 2006 by infovore
Design Melt Down
february 2006 by infovore
Lovely web design resource; clear, clean, and some good ideas.
web
design
typography
layout
february 2006 by infovore
Subtraction: Grid Computing%u2026 and Design
january 2005 by infovore
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
related tags
application ⊕ archives ⊕ automation ⊕ berg ⊕ bleed ⊕ blog ⊕ books ⊕ cmon ⊕ code ⊕ conversion ⊕ css ⊕ dataviz ⊕ desgin ⊕ design ⊕ domus ⊕ email ⊕ flash ⊕ folding ⊕ font ⊕ framework ⊕ generation ⊕ generator ⊕ grid ⊕ gridbased ⊕ grids ⊕ guardian ⊕ html ⊕ ia ⊕ infographics ⊕ ingenious ⊕ inspiration ⊕ interprint ⊕ ipad ⊕ layout ⊖ library ⊕ lulu ⊕ mac ⊕ magazine ⊕ mail ⊕ margin ⊕ markporter ⊕ markup ⊕ newspaper ⊕ omnigraffle ⊕ origami ⊕ osx ⊕ paperfolding ⊕ pdf ⊕ pentagram ⊕ photoshop ⊕ plugin ⊕ print ⊕ printing ⊕ printondemand ⊕ programming ⊕ prototyping ⊕ publishing ⊕ publishings ⊕ quality ⊕ reference ⊕ resource ⊕ script ⊕ software ⊕ template ⊕ tools ⊕ tumblelog ⊕ type ⊕ typeface ⊕ typography ⊕ usability ⊕ utility ⊕ ux ⊕ visualization ⊕ web ⊕ webdesign ⊕ webdev ⊕ wtf ⊕ xhtml ⊕ xml ⊕Copy this bookmark: