best iphone app design web site web design

HTML/CSS

 

1000px Grid for Responsive Web Design

favicon http://css-tricks.com/
facebook twitter google
CSS-Tricks
Chris Coyier
| X
HTML/CSS
To fig­ure out your grid width per­cent­ages for a flu­id de­sign, you start with a fixed de­sign and di­vide the column widths by the con­tain­er width. Elliot Jay Stocks calls for us to stop the self-tor­ture and use 1000px for the con­tain­er, so the math is su­per easy. Direct Link to Article — Permalink 1000px Grid for Responsive Web Design is a post from CSS-Tricks
 

The Problem with Media Queries

favicon http://www.csskarma.com/
facebook twitter google
CSS Karma
Tim
| X
HTML/CSS
I fi­nal­ly got around to read­ing the new ar­ti­cle on A List Apart this morn­ing , “A Pixel Identity Crisis“. It ba­si­cal­ly talks about how some pix­els are de­fined dif­fer­ent­ly than others (based on the “ref­er­ence pix­el”), so there can be vari­a­tions in how 2 de­vices (Galaxy  Tab and Kindle Fire given as ex­am­ples in the ar­ti­cle) with the ex­act same di­men­sions can dis­play re­spon­sive con­tent dif­fer­ent­ly. A so­lu­tion was pro­posed in the form of this ab­surd­ly com­plex me­dia query:@me­dia screen and (...)

CSS-Tricks

CSS Karma