On the Griddle http://csswizardry.com/fluid-grids/ http://grids.heroku.com/ http://goldengridsystem.com/ by @jonikorpi https://github.com/davatron5000/foldy960 http://cssgrid.net/ “The 1140 Grid” http://css-tricks.com/responsive-framework.css
@media queries @media screen and (min-width: 480px) { body { background: pink; color: red; } } Your imagination is the limit :) > That’s not very practical.
@media queries Where you’ll use - Change the layout as needed. -- i.e. Make content absorb more/less of the grid. - Change the style of elements. -- i.e. Make elements resemble a “mobile” app. - Change base font-size.
Responsive Web Design Tips to winning at - Embrace the flexible grid. - Preserve content hierarchy - Break up with pixel-perfection. - Don’t use pixels. - Use EM units for font-size. - Learn by doing.
I’d pay well for a video service that made embedding fluid/responsive videos the right way easy. It’s way more difficult than you’d think. The Next Day... +1 Hrmmmm.....
Don’t worry, bros! I got this... ... 1 Hour Later ... Let me know if you need help, I’ve got some ideas. Perfect! I was going to google your blog anyways to figure it out. You supply the brains and I’ll make a tiny jQuery plugin!
2 Great Choices 5.1 kb 1.9 kb minified 6 options Credit: Mark Tyrrell @marktyrrelluk Last commit: August 14th, 2011 27.2 kb 11.1 kb minified 25 options Tons of features Credit: Tyler Smith @mbmufffin Last commit: October 22nd, 2011