Responsive Pages:
feed me
Responsive - Recent Bookmarks - Page 1:
Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together.
The Columnal CSS grid system is a “remix” of a couple others with some custom code thrown in. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for su... Read more
http://www.columnal.com/
Tags: css, grid, framework, webdesign, mobile, layout, development, html, responsive, webdev Saved by: admin at 01 Aug 2011
The Columnal CSS grid system is a “remix” of a couple others with some custom code thrown in. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for su... Read more
http://www.columnal.com/
Tags: css, grid, framework, webdesign, mobile, layout, development, html, responsive, webdev Saved by: admin at 01 Aug 2011
LukeW | An Event Apart: The Responsive Designer’s Workflow
"Developers asked lots of questions about why the page is designed as it is, especially the big one: how will the content adapt? How will the interface adapt to touch, mouse, keyboard?" "The develope... Read more
http://www.lukew.com/ff/entry.asp?1353
Tags: design, responsive, mobile, webdesign, aea, usability, ux, web, process, grid Saved by: admin at 16 Jun 2011
"Developers asked lots of questions about why the page is designed as it is, especially the big one: how will the content adapt? How will the interface adapt to touch, mouse, keyboard?" "The develope... Read more
http://www.lukew.com/ff/entry.asp?1353
Tags: design, responsive, mobile, webdesign, aea, usability, ux, web, process, grid Saved by: admin at 16 Jun 2011
A List Apart: Articles: Fluid Images
"Whether it’s a cute little Flash video, some other embedded media, or a humble img, browsers do a fair job of resizing the content proportionally in a flexible layout. All thanks to our lightweight... Read more
http://www.alistapart.com/articles/fluid-images/
Tags: css, webdesign, fluid, design, css3, images, development, responsive, alistapart, html Saved by: admin at 08 Jun 2011
"Whether it’s a cute little Flash video, some other embedded media, or a humble img, browsers do a fair job of resizing the content proportionally in a flexible layout. All thanks to our lightweight... Read more
http://www.alistapart.com/articles/fluid-images/
Tags: css, webdesign, fluid, design, css3, images, development, responsive, alistapart, html Saved by: admin at 08 Jun 2011
Free HTML5/CSS3 WordPress 3.1 Theme With Responsive Layout: Yoko - Smashing Magazine
In this post we are glad to present to you yet another freebie: a responsive WordPress theme Yoko which was designed by talented designers Ellen and Manuel from Elmastudio and released for the Web des... Read more
http://www.smashingmagazine.com/2011/06/07/free-html5-css3-wordpress-3-1-theme-with-responsive-layout-yoko/
Tags: wordpress, html5, theme, webdesign, css3, free, themes, design, css, responsive Saved by: admin at 08 Jun 2011
In this post we are glad to present to you yet another freebie: a responsive WordPress theme Yoko which was designed by talented designers Ellen and Manuel from Elmastudio and released for the Web des... Read more
http://www.smashingmagazine.com/2011/06/07/free-html5-css3-wordpress-3-1-theme-with-responsive-layout-yoko/
Tags: wordpress, html5, theme, webdesign, css3, free, themes, design, css, responsive Saved by: admin at 08 Jun 2011
30 Creative Examples of Responsive Web Design | Inspiration
Responsive web design means that the website will respond according to the medium that is being used to view it. These days websites are not only viewed on standard computer screens, but after the evo... Read more
http://webdesignledger.com/inspiration/30-creative-examples-of-responsive-web-design
Tags: webdesign, inspiration, design, mobile, css, responsive, showcase, web, css3, html5 Saved by: admin at 04 Jun 2011
Responsive web design means that the website will respond according to the medium that is being used to view it. These days websites are not only viewed on standard computer screens, but after the evo... Read more
http://webdesignledger.com/inspiration/30-creative-examples-of-responsive-web-design
Tags: webdesign, inspiration, design, mobile, css, responsive, showcase, web, css3, html5 Saved by: admin at 04 Jun 2011
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core princi... Read more
http://www.getskeleton.com/
Tags: css, mobile, design, webdesign, boilerplate, framework, responsive, html, development, skeleton Saved by: admin at 18 May 2011
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core princi... Read more
http://www.getskeleton.com/
Tags: css, mobile, design, webdesign, boilerplate, framework, responsive, html, development, skeleton Saved by: admin at 18 May 2011
FitText - A plugin for inflating web type
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. Super simple, super nice effect, super pra... Read more
http://fittextjs.com/
Tags: jquery, typography, css, design, webdesign, javascript, plugin, text, responsive, type Saved by: admin at 11 May 2011
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. Super simple, super nice effect, super pra... Read more
http://fittextjs.com/
Tags: jquery, typography, css, design, webdesign, javascript, plugin, text, responsive, type Saved by: admin at 11 May 2011
Adactio: Journal—Content First
"Thanks to progressive enhancement (and let’s face it, responsive design done right is a perfect example of progressive enhancement) we can serve up the content that people want and display it to th... Read more
http://adactio.com/journal/4523/
Tags: mobile, design, responsive, webdesign, via:packrati.us, responsivedesign, web, content, accessibility, design_principles Saved by: admin at 28 Apr 2011
"Thanks to progressive enhancement (and let’s face it, responsive design done right is a perfect example of progressive enhancement) we can serve up the content that people want and display it to th... Read more
http://adactio.com/journal/4523/
Tags: mobile, design, responsive, webdesign, via:packrati.us, responsivedesign, web, content, accessibility, design_principles Saved by: admin at 28 Apr 2011
Responsive Data Tables | CSS-Tricks
We're going to use "responsive design" principles (CSS @media queries) to detect if the screen is smaller than the maximum squishitude of our table. If it is, we're going to reformat the table.
http://css-tricks.com/responsive-data-tables/
Tags: css, tables, mobile, responsive, css3, web, data, design, webdesign, iphone Saved by: admin at 28 Apr 2011
We're going to use "responsive design" principles (CSS @media queries) to detect if the screen is smaller than the maximum squishitude of our table. If it is, we're going to reformat the table.
http://css-tricks.com/responsive-data-tables/
Tags: css, tables, mobile, responsive, css3, web, data, design, webdesign, iphone Saved by: admin at 28 Apr 2011
320 and up
Many CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layo... Read more
http://stuffandnonsense.co.uk/projects/320andup/
Tags: mobile, css3, css, webdesign, html5, boilerplate, responsive, code, html, mediaqueries Saved by: admin at 13 Apr 2011
Many CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layo... Read more
http://stuffandnonsense.co.uk/projects/320andup/
Tags: mobile, css3, css, webdesign, html5, boilerplate, responsive, code, html, mediaqueries Saved by: admin at 13 Apr 2011