A better Photoshop grid for responsive web design » Blog

28 Feb 12
sansgil #
- css3
- fluid layout
- html
- web programming
- webdesign
- article
18 Feb 12
gammaboy #
15 Feb 12
porkzoo #
- grid
- responsive
08 Feb 12
jordymanouk #
08 Feb 12
depone #
06 Feb 12
samulinivala #
03 Feb 12
smashingmag #
01 Feb 12
lilidmu #
01 Feb 12
elkraneo #
- responsive
- psd
- photoshop
31 Jan 12
aliciaj #
- psd
- grid
- responsive
- front end
- design
- css
- css3
- tool
- recourse
Description: Better responsive grid
31 Jan 12
apermanentwreck #
Description: In making the move to responsive web design, one of the potential hurdles is the rather awkward maths for calculating the percentage-based widths necessary for fluid layouts. If, for example, you’re designing with a 960px grid in Photoshop and you have six columns, each 140px wide, you divide 140 by 960 to get your percentage-based width: 14.583333%. Now, I don’t know about you, but numbers like that look a little scary. It doesn’t matter that there are great calculation tools built into TextMate to do the maths for you; the point is that the final figure looks like an arbitrary number with no immediate relation to either the container’s pixel width (960) or the element’s pixel width (140).
31 Jan 12
malte #
- googlereader
- css tricks
Description: from CSS-Tricks http://css-tricks.com
31 Jan 12
stmarie #
31 Jan 12
bigrobot #
27 Jan 12
adamjgomez #
- twitter
- adamjgomez
Description: A better Photoshop grid for responsive web design » Blog » Elliot Jay Stocks http://t.co/5cWTYnzh
27 Jan 12
fabuloso #
23 Jan 12
martindrzka #
- responsive
- grid
23 Jan 12
bermonpainter #
- grid
- responsive
21 Jan 12
gracio29 #
21 Jan 12
johannrichard #
Description: A better Photoshop grid for responsive web design http://t.co/ZxCXuJUp
20 Jan 12
anwarchoukah #
- grids
- photoshop
- css
- html
20 Jan 12
mlane #
Description: A better Photoshop grid for responsive web design http://t.co/48NdQdpc

A better Photoshop grid for respon…

(via) elliotjaystocks.com

23 Likes back ›