A better Photoshop grid for responsive web design » Blog » Elliot Jay Stocks
february 2012 by fjordaan
Compare that to a container that has a width of 1000px. 1000 is a nice, easy, round number. Dividing by 1000 results in clean percentages and better still, dividing by 1000 is something we can do in our heads: just remove the zero. A 140px column inside a 1000px container is 14%. A 500px column in a 1000px container is 50%. 320px is 32%. Easy!
photoshop
grid
responsive
fluid
liquid
layout
february 2012 by fjordaan
A List Apart: Articles: Fluid Grids
march 2009 by fjordaan
However, our client had one last, heart-stopping requirement: the design had to be fluid and resize with the browser window.
netvouzimported
netvouzpublic
alistapart
css
fluid
grid
hack
ie6
layout
liquid
max-width
march 2009 by fjordaan
The Perfect Fluid Width Layout
october 2008 by fjordaan
Why is this layout "perfect"? * Works in all major browsers * Shrinks to 780px This accommodates users with 800x600 resolution, with no horizontal scroll! * Grows to 1260px This accommodates users with 1280x768 resolution and everything in between. * This accomodates 90* of all internet users. You could easily make this layout grow larger, but be mindful of how line-length affects readability. Nobody wants to read a line of text 1980px long. * The left sidebar is of "equal height" to the main content
netvouzimported
netvouzpublic
css
fluid
layout
liquid
max
min
perfect
width
october 2008 by fjordaan
onOne Software - Press Release
august 2008 by fjordaan
Since acquiring Liquid Resize earlier this year, our engineering team has been hard at work developing what will become a new Photoshop® plug-in for photographers and graphic artists," said Craig Keudell, president of onOne Software.
netvouzimported
netvouzpublic
carving
liquid
onone
photoshop
plugin
resize
seam
august 2008 by fjordaan
related tags
800x600 ⊕ aardvark ⊕ abuzz ⊕ accessibility ⊕ adactio ⊕ adrian ⊕ aggregator ⊕ airport ⊕ ajax ⊕ alistapart ⊕ all-css ⊕ amp ⊕ angeles ⊕ animation ⊕ ashley ⊕ asp ⊕ atlantic ⊕ australia ⊕ auto ⊕ berners-lee ⊕ best ⊕ blog ⊕ blue ⊕ bonn ⊕ brisbane ⊕ browser ⊕ buell ⊕ busy ⊕ buttons ⊕ buying ⊕ calculators ⊕ car ⊕ carousel ⊕ carving ⊕ chic ⊕ clagnut ⊕ cognitive ⊕ college ⊕ cologne ⊕ colorado ⊕ colours ⊕ column ⊕ columns ⊕ comment ⊕ community ⊕ compare ⊕ cool ⊕ copyleft ⊕ corporate ⊕ cross-sell ⊕ css ⊕ cssliquid ⊕ cybergeography ⊕ daylife ⊕ decss ⊕ denver ⊕ department ⊕ design ⊕ dhtml ⊕ digest ⊕ disabilities ⊕ discussion ⊕ downing ⊕ dropdown ⊕ dublin ⊕ dyslexia ⊕ dyxi ⊕ e-com ⊕ e-consultancy ⊕ ease ⊕ ecom ⊕ edmunds ⊕ evolt ⊕ financial ⊕ fixed ⊕ flash ⊕ fluid ⊕ fogdog ⊕ fool ⊕ forum ⊕ forums ⊕ francois ⊕ free ⊕ friedlein ⊕ geek ⊕ geography ⊕ getty ⊕ government ⊕ grid ⊕ guide ⊕ hack ⊕ harley-davidson ⊕ health ⊕ henderson ⊕ hockey ⊕ html ⊕ hybrid ⊕ ibm ⊕ icons ⊕ ie6 ⊕ images ⊕ inland ⊕ inlandrevenue ⊕ investment ⊕ isa ⊕ lankan ⊕ latimes ⊕ layout ⊕ layouts ⊕ liquid ⊖ login ⊕ logo ⊕ los ⊕ magazine ⊕ mappa ⊕ maps ⊕ max ⊕ max-width ⊕ maxdesign ⊕ menus ⊕ metadata ⊕ microsoft ⊕ middlesbrough ⊕ min ⊕ minimal ⊕ modeling ⊕ motorcycle ⊕ mountain ⊕ msr ⊕ mundi ⊕ myth ⊕ nathan ⊕ navigation ⊕ netvouzimported ⊕ netvouzpublic ⊕ news ⊕ nidahas ⊕ onone ⊕ ontology ⊕ parsing ⊕ password ⊕ perfect ⊕ photoshop ⊕ php ⊕ plugin ⊕ prabhath ⊕ practice ⊕ pres.co ⊕ prices ⊕ pure ⊕ queensland ⊕ questions ⊕ qvcuk ⊕ readers ⊕ research ⊕ resizable ⊕ resize ⊕ resolution ⊕ responsive ⊕ retail ⊕ revenue ⊕ reviews ⊕ right ⊕ rmh-d ⊕ rocky ⊕ roselli ⊕ sapient ⊕ scroller ⊕ seam ⊕ semantic ⊕ shop ⊕ shopping ⊕ signposting ⊕ simple ⊕ simplicity ⊕ sirisena ⊕ size ⊕ smart ⊕ software ⊕ solomodels ⊕ sports ⊕ sri ⊕ standards ⊕ statement ⊕ stretch ⊕ tables ⊕ tax ⊕ text-only ⊕ thinkgeek ⊕ third ⊕ ticker ⊕ times ⊕ tools ⊕ tourism ⊕ tridion ⊕ tshirts ⊕ tutorial ⊕ tutorials ⊕ tv ⊕ uk ⊕ us ⊕ usability ⊕ uscho ⊕ use ⊕ used ⊕ virgin ⊕ virgin-atlantic ⊕ visibility ⊕ web ⊕ web-authoring ⊕ webaim ⊕ webreview ⊕ wheel ⊕ why ⊕ width ⊕ world ⊕ wright ⊕ xhtml ⊕ xml ⊕ zope ⊕Copy this bookmark: