Responsive WebDesign
Follow
Find
37.6K views | +14 today
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!

Adaptive design: what is it and why should I be using it? - Features

Adaptive design: what is it and why should I be using it? - Features | Responsive WebDesign | Scoop.it
Layout can form a part of adaptive design, sites automatically transforming accordingly within a viewport or a range of screen sizes; but equally it can be about adjusting elements of a website in order to more appropriately address use cases, technical constraints and device types, including (but not limited to): desktop vs. touchscreen; variable connection speeds; and displays of differing resolutions.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

3 fundamentals of responsive design you have to master

3 fundamentals of responsive design you have to master | Responsive WebDesign | Scoop.it
Responsive design is the future of our industry, but with so many different techniques flying around, it’s often hard to keep up. Master these 3 simple techniques, and you’ll be 90% of the way to being a responsive designer.

more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Versus Adaptive Design: How To Choose Between The Two?

Responsive Versus Adaptive Design: How To Choose Between The Two? | Responsive WebDesign | Scoop.it

Owing to complications arising out of using the same code in every version of the website, an alternative to RWD technology known as adaptive delivery or design is what brands are turning to these days. How would you choose between the two?

more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Creating A Great User Experience With Responsive Web Design

Creating A Great User Experience With Responsive Web Design | Responsive WebDesign | Scoop.it
By definition, responsive web design is a system whereby the desired website responds to the particular device on which it is being displayed in order to show the site with full visible content.

more...
Suggested by SmilingAnny
Scoop.it!

12 Responsive Web Design Testing Tools To Check Screen Resolutions

12 Responsive Web Design Testing Tools To Check Screen Resolutions | Responsive WebDesign | Scoop.it
Here we define some responsive design testing tools, so that you can simply check how your website looks on different devices including mobile phones, tablets, laptops and desktop computers.
more...
No comment yet.
Suggested by Payman Taei
Scoop.it!

The Benefits of a Mobile-First Design Strategy | Hindsite

The Benefits of a Mobile-First Design Strategy | Hindsite | Responsive WebDesign | Scoop.it
A Mobile-First design strategy allows the mobile site development (the most involved version) to be created first, followed by the tablet and desktop versions.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Images: If you're just changing resolutions, use srcset. | CSS-Tricks

Responsive Images: If you're just changing resolutions, use srcset. | CSS-Tricks | Responsive WebDesign | Scoop.it
With srcset, the browser does the work of figuring out which image is best
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

The Next Big Thing In Responsive Design

The Next Big Thing In Responsive Design | Responsive WebDesign | Scoop.it
Today, users expect online experiences that not only respond to what device they're using, but also their location, time of day, what they’ve already read, and events happening in real time.

To capture a user’s attention for the next generation of the web, you’ll need more than just responsive design. You’ll need a responsive philosophy.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Slash build time with proportional RWD | Web design | Creative Bloq

Slash build time with proportional RWD | Web design | Creative Bloq | Responsive WebDesign | Scoop.it
No matter how you work, implementing the principles of responsive web design (RWD) on a large, complex project can be tricky. Like it or not, attaining the hallowed ground of multi-device, cross-platform layouts has a tangible overhead.
gonzodesign's insight:

Combining an em-based layout and typography with flexible widths, we can serve up consistent large screen designs in which all elements both take full advantage of available screen real-estate and resolution.

more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Gridset · Responsive Report 2013

Gridset · Responsive Report 2013 | Responsive WebDesign | Scoop.it
The Gridset Responsive Report 2013 will take you through challenges and triumphs of Responsive Design in 2013.
gonzodesign's insight:

In 2012 and again in 2013,we ran a survey investigating the struggles of modern web design. More specifically, the surveys dug into responsive design, and how it affected workflow for web workers in all sorts of situations.

more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Why People Love And Hate Responsive Design - Vanseo Design

Some designers love and promote responsive design. Others seem to hate most everything to do with it. Why does responsive design generate so much passion?
gonzodesign's insight:

Responsive design raises the minimum standard for a design because now everything will have to work across devices. As responsive grows in acceptance, this minimum will be raised, improving site design in general.

more...
21st Century Learning Coach 's curator insight, August 21, 10:09 PM

From www.vanseodesign.com - Today, 2:11 PM

 

"Some designers love and promote responsive design. Others seem to hate most everything to do with it. Why does responsive design generate so much passion?"

Scooped by gonzodesign
Scoop.it!

Add Masonry, Grid Layouts To Your WordPress Site With Just CSS

Add Masonry, Grid Layouts To Your WordPress Site With Just CSS | Responsive WebDesign | Scoop.it
Display your WordPress post lists using the masonry (Pinterest) approach or maybe a grid layout, all just by adding a snippet of CSS. No plugins, shortcodes, template changes, assigning pages as the home page. Just pure CSS.
more...
Jakarta Web Developer's curator insight, August 11, 11:16 AM

Add Masonry, Grid Layouts To Your WordPress Site With Just CSS

Scooped by gonzodesign
Scoop.it!

A Simple Responsive Email Design Tutorial

A Simple Responsive Email Design Tutorial | Responsive WebDesign | Scoop.it
If you are looking to familiarize yourself with responsive emails this is a perfect place for you. In this quick tutorial I will be going over how to code a simple and minimal typography based responsive email. It will provide you a fundamental understanding how responsive emails work.
gonzodesign's insight:

.. curious to see this in Outlook2007/2010 (padding, max-width, etc. don't workin this email client)?

more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Images: The Ultimate Guide

It goes without saying that until a magical one-for-all formula comes along, none of the solutions above will address every possible design eventuality. But that doesn’t mean you can’t create beautiful, responsive content that works like a dream from desktop to mobile.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Mobile Devices and Responsive Design Patterns for a Successful Experience - Designmodo

Mobile Devices and Responsive Design Patterns for a Successful Experience - Designmodo | Responsive WebDesign | Scoop.it
Responsive web design has become a usual phenomena and not a trend anymore, but there are still flaws that make this process more of a hassle than an enjoyable experience
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Free Responsive Content Sliders - Six Revisions

Free Responsive Content Sliders - Six Revisions | Responsive WebDesign | Scoop.it
When it comes to responsive sliders — ones that work well on multiple devices, whether it’s a small-screened smartphone or a desktop with a widescreen monitor — there’s just so much to choose from.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Web Design Tips

Responsive Web Design Tips | Responsive WebDesign | Scoop.it
This is obviously not an exhaustive checklist. It’s simply things I’ve found that are helpful for me to think about when designing a responsive website.
more...
No comment yet.
Suggested by Agnipravo Sengupta
Scoop.it!

Responsive Vs Adaptive – Which Web Design Should You Go For? | JB Media Force Blog

Responsive Vs Adaptive – Which Web Design Should You Go For? | JB Media Force Blog | Responsive WebDesign | Scoop.it

One of the hottest topics in the world of web design this year has been the ability to access the Internet on various devices. With the popularity of mobile devices increasing at a pace faster than ever, the idea is about steering away from standard laptop and desktop screens. No, desktops and laptops are nowhere near extinction. However, the frequent practice of surfing the Web via high-end gizmos has accelerated the need of a web design which will fit the screen of any device – be it a 21-inch computer or a 5-inch smartphone.

more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

How to Build a Responsive Website That Supports Older Browsers — Zell Liew

How to Build a Responsive Website That Supports Older Browsers — Zell Liew | Responsive WebDesign | Scoop.it
As you may know, media queries are the essential thing that helps us make our websites responsive. We have to give this function to IE8, and Respond.js helps us with that.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Size Matters: Balancing Line Length And Font Size In Responsive Web Design - Smashing Magazine

Size Matters: Balancing Line Length And Font Size In Responsive Web Design - Smashing Magazine | Responsive WebDesign | Scoop.it
If you’re using measure to find break points in your responsive website, then you probably care about type and reading. Keep using measure! It’s a great starting point. But to see whether your type truly works, spend some time looking at it closely, on a smaller device.
more...
BCP Design's curator insight, October 1, 3:15 AM

Responsive Web Design

Scooped by gonzodesign
Scoop.it!

Don't use (most of the time)

Unless you’re solving for art direction, you don’t need to use the element. In fact, you’re likely doing your users a disservice by using the element.

The picture specification supports syntax that can be used without the element.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive vs. Adaptive — Which Option is More Advantageous? - SiteProNews

Responsive vs. Adaptive — Which Option is More Advantageous? - SiteProNews | Responsive WebDesign | Scoop.it

These are the two choices when it comes to Web design. Contrary to the popular belief, the two concepts are quite different from each other. Businesses should be well-aware of the differences so they can choose between the two services.

 

 

more...
Productive Tech Tips's curator insight, September 7, 1:35 PM

Great insight for my upcoming workshop on web design.

Scooped by gonzodesign
Scoop.it!

Examining Responsive Navigation: Toggle Patterns - Tuts+ Web Design Tutorial

Examining Responsive Navigation: Toggle Patterns - Tuts+ Web Design Tutorial | Responsive WebDesign | Scoop.it
Welcome to the third in a series on how to develop responsive navigation patterns. This tutorial will walk you through three patterns where navigation is toggled on and off to conserve space at the top of the page. | Difficulty: Intermediate; Length: Medium; Tags: Responsive Web Design, Navigation Design
more...
21st Century Learning Coach 's curator insight, August 26, 2:17 AM

From webdesign.tutsplus.com - August 24, 2:50 PM

 

Welcome to the third in a series on how to develop responsive navigation patterns. This tutorial will walk you through three patterns where navigation is toggled on and off to conserve space at the top of the page. | Difficulty: Intermediate; Length: Medium; Tags: Responsive Web Design, Navigation Design

Virginia Curran's curator insight, August 27, 11:40 PM
Welcome to the third in a series on how to develop responsive navigation patterns. This tutorial will walk you through three patterns where navigation is toggled on and off to conserve space at the top of the page. | Difficulty: Intermediate; Length: Medium; Tags: Responsive Web Design, Navigation Design
Scooped by gonzodesign
Scoop.it!

Dev.Opera — Native Responsive Images

gonzodesign's insight:

Responsive images have been a pain point when developing responsive websites for quite some time. Now, finally, a native solution is getting close. You can start using it today, with or without picturefill, and start savings your users’ time and money!

more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Matt Stow : Instant, responsive print stylesheets

Matt Stow : Instant, responsive print stylesheets | Responsive WebDesign | Scoop.it

Your responsive styles will now flow in to printed pages, too. A user can even change the paper size and orientation and it will all "just work"*

Obviously, you'll still want to hide irrelevant elements

 

 

more...
No comment yet.