Responsive WebDesign
45.3K views | +0 today
Follow
Responsive WebDesign
Responsive Web Design: inspiration, tutorials, media queries, etc.
Curated by gonzodesign
Your new post is loading...
Your new post is loading...
Scooped by gonzodesign
Scoop.it!

Adapting Your Site to Different Window Sizes - SitePoint

Adapting Your Site to Different Window Sizes - SitePoint | Responsive WebDesign | Scoop.it
On 1 November, the W3C published an Editor's Draft of CSS Device Adaptation, which allows an author to specify the size, zoom factor, and orientation of browser viewport. Matt Rakow explains.
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Containers | Andy Hume

Media queries are clearly a huge step forward for responsive layouts. Letting you apply different CSS based on the width of the device or the viewport opens up all sorts of possibilities for adapting content to best fit a given space.

No comment yet.
Scooped by gonzodesign
Scoop.it!

Official Google Webmaster Central Blog: Responsive design – harnessing the power of media queries

Official Google Webmaster Central Blog: Responsive design – harnessing the power of media queries | Responsive WebDesign | Scoop.it

It’s worth bearing in mind that there’s no simple solution to making sites accessible on mobile devices and narrow viewports. Liquid layouts are a great starting point, but some design compromises may need to be made.

No comment yet.
Scooped by gonzodesign
Scoop.it!

HTML5 - Responsive Web Design

HTML5 - Responsive Web Design | Responsive WebDesign | Scoop.it

It all started with Responsive Web Design, an article by Ethan Marcotte on A List Apart. Essentially, the article proposed addressing the ever-changing landscape of devices, browsers, screen sizes and orientations by creating flexible, fluid and adaptive Web sites. 

No comment yet.
Scooped by gonzodesign
Scoop.it!

Understanding The Viewport Meta Tag

Understanding The Viewport Meta Tag | Responsive WebDesign | Scoop.it

The viewport meta tag tells the browser how to behave when it renders the webpage, you can tell it how big the viewport will be.

No comment yet.
Scooped by gonzodesign
Scoop.it!

Viewport Meta Tag For Non-Responsive Design

Viewport Meta Tag For Non-Responsive Design | Responsive WebDesign | Scoop.it

If you haven't got the time to convert your design to responsive yet, you should read this article on how to use viewport tag to improve the appearance of your design on mobile devices.

No comment yet.
Scooped by gonzodesign
Scoop.it!

Designing for responsiveness | Webdesigner Depot

Designing for responsiveness | Webdesigner Depot | Responsive WebDesign | Scoop.it
Designing for responsive websites can be a bit challenging at first because the process is so different.
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Web Design » SitePoint

Responsive Web Design » SitePoint | Responsive WebDesign | Scoop.it
Belgian Microsoft evangelist Katrien De Graeve lays out just what can be achieved with media queries in CSS.
No comment yet.