Responsive WebDesign
Follow
Find
38.3K views | +9 today
 
Scooped by gonzodesign
onto Responsive WebDesign
Scoop.it!

A Responsive CSS Background Image Technique - Inspect Element

A Responsive CSS Background Image Technique - Inspect Element | Responsive WebDesign | Scoop.it
gonzodesign's insight:

 I came across the need to make a background image responsive, keeping the same aspect ratio at different widths. The limitation was that we couldn’t change any HTML or back end code so changing it to a simple imgwas out of the question.

more...
No comment yet.

From around the web

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!

Rethinking Icon and Logo Design for the Responsive Web

Rethinking Icon and Logo Design for the Responsive Web | Responsive WebDesign | Scoop.it
This article will look in detail at one aspect of RWD, rethinking icons and logos responsively and how to approach their design.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Images Revisited—The Picture Element

Responsive Images Revisited—The Picture Element | Responsive WebDesign | Scoop.it
Today I want to walk you through the picture element, it’s associated elements and attributes, and how to work with them. I’ll follow up with some thoughts for when to use srcset and when to use picture depending on your use case.
more...
Guillaume Deschamps's curator insight, November 18, 8:42 AM

Gestion des images en responsiv design

 

Scooped by gonzodesign
Scoop.it!

RWD BLOAT

Responsive Web Design gets a bad rap for performance. I investigate and bust some myths. Originally given at Refresh Austin.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

10 Responsive Design Problems and Fixes | UX Magazine

The problem is that performance cannot be mocked up in Photoshop, and new methods to meet design challenges have to be adopted. So here are 10 problems with creating responsive design websites, along with 10 possible solutions.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

9 basic principles of responsive web design

9 basic principles of responsive web design | Responsive WebDesign | Scoop.it
Designing in pixels for Desktop and Mobile only is also the past, as more and more gadgets can open up a website. Therefore, let's clarify some basic principles of responsive web design here to embrace the fluid web, instead of fighting it. To keep it simple we'll focus on layouts
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Web Design or Native Mobile Apps? - Fresh Blurbs By Irakli Nadareishvili

It is very important we understand how misleading the 'choice' of "RWD or native app" is. It is as wrong as thinking that if you have a native application and a website then your website doesn't have to be responsive.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Philosophy - Things We Make - Code and Theory

Responsive Philosophy - Things We Make - Code and Theory | Responsive WebDesign | Scoop.it
But adapting to the screen is only the first frontier of a new, responsive web. Today, users already expect a more meaningful experience on the web – 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.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Why Responsive Images Matter

Responsive web design is still pretty new, in the grand scheme of things. We’re all still getting the hang of it, myself included. There are plenty more things for us to be wrong about, I’m sure, but I’m excited to find them with you all.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Images in Practice

Responsive Images in Practice | Responsive WebDesign | Scoop.it
Together, these features let us mark up adaptable, flexible, responsive images. They let us send each of our users a source tailored to his or her device, enabling huge performance gains. Armed with a superb polyfill and an eye toward the future, developers should start using this markup now!
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Can Responsive Website Design Change the Fortunes of your Business? - Design Reviver - Web Design Blog

Can Responsive Website Design Change the Fortunes of your Business? - Design Reviver - Web Design Blog | Responsive WebDesign | Scoop.it
Today, more than 17% of all web traffic comes from mobile devices. There is every indication that the number of people using mobile devices for internet access will keep growing exponentially.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Images | Brad Frost Web

My biggest priority is avoiding sending gigantic images to small screens, and this does the trick. The [smallwidth] and [largewidth] are the widths of the image assets, which’ll change per use case).
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Use responsive web design to trigger conversions • Inspired Magazine

Use responsive web design to trigger conversions • Inspired Magazine | Responsive WebDesign | Scoop.it
If you want to improve the conversion rate of your site and ensure the site also ranks well on SERPs, you need to go for responsive web design.
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!

M dot or RWD. Which is faster?

M dot or RWD. Which is faster? | Responsive WebDesign | Scoop.it
M dot site load times suffer from the initial redirect, but generally are much smaller in request and KB count. RWD sites are the opposite: no redirect, but heavy on the requests and tonnage. That leads to a question that was discussed at a panel at Velocity Conference: Which is faster: M dot or RWD?
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Techniques that Every Website Should Use

Responsive Techniques that Every Website Should Use | Responsive WebDesign | Scoop.it
In this article I’d like to share a few responsive web design techniques that can be applied to any layout. Each website project is intimately different yet great designers can recognize the common similarities in most work.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Navigation Solutions and Resources

Responsive Navigation Solutions and Resources | Responsive WebDesign | Scoop.it
As responsive web design quickly evolves, more and more usable solutions and patterns are emerging to help you easily build a navigation system for your site that will work seamlessly on both mobile devices and desktops.

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

Responsive Web Design Tools And Resources That Will Help You

Responsive Web Design Tools And Resources That Will Help You | Responsive WebDesign | Scoop.it
There are also many resources where designers can go for help and knowledge. Here I will give you some of the best responsive web resources and responsive web tools that I have found.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

9 basic principles of responsive web design

9 basic principles of responsive web design | Responsive WebDesign | Scoop.it
Learn what makes responsive web design work. Responsive vs Adaptive design, The Flow, Relative units, When to choose web fonts and when go with system fonts

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

Responsive Images Revisited—The Srcset Attribute

Responsive Images Revisited—The Srcset Attribute | Responsive WebDesign | Scoop.it
The srcset attribute is a simple way to suggest different images to browsers based on their pixel density.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Mobile First Means Content First with Responsive Web Design

Mobile First Means Content First with Responsive Web Design | Responsive WebDesign | Scoop.it
Even though I’m still wrapping my head around all the nuances of “mobile first = content first,” I believe the phrase aptly reflects an important new reality for businesses and marketers that can be understood as a two-part equation

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

Responsive Navigation Solutions and Resources

Responsive Navigation Solutions and Resources | Responsive WebDesign | Scoop.it
In this post I’m going to take a quick look at some of those solutions and also share some useful resources to help get you on your way.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Crafting Off-Canvas Navigation For Responsive Sites

Crafting Off-Canvas Navigation For Responsive Sites | Responsive WebDesign | Scoop.it
After you’ve squeezed and merged every element on your page in an ever-decreasing viewport, there’s just two places left to go: outside, or underneath.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Building Full Screen CSS3 Menus with Tons of Creative Demos

Building Full Screen CSS3 Menus with Tons of Creative Demos | Responsive WebDesign | Scoop.it
This article will cover how to build these complex and responsive menus using almost nothing but CSS3 techniques. The only JavaScript involved is used for toggling a class on the body element.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Creating Useful Breakpoints in Responsive Layouts - DesignM.ag

Creating Useful Breakpoints in Responsive Layouts - DesignM.ag | Responsive WebDesign | Scoop.it
When a layout shifts into a smaller or larger display style it’s often called a new breakpoint. Choosing when to create a new breakpoint is quite an arduous task since the threshold and number of breakpoints can change dramatically from project-to-project.
more...
No comment yet.
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.