Responsive WebDesign
Follow
Find
40.0K views | +13 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.
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!

Responsive Hero Images

Responsive Hero Images | Responsive WebDesign | Scoop.it
This system worked for one client on one project. It may not work for your project.

But whatever you do, it is a reminder that finding a solution starts with a responsive images audit. And whenever possible, we should let the content dictate how our responsive design will respond.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Web Design for eCommerce Web Sites :: UXmatters

Is a responsive Web site really desirable for ecommerce sites? If so, what are the key elements that you need to consider for smaller screens?
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Stop Calling It Responsive Design—It's Web Design - Vanseo Design

A responsive layout is the new minimum you’re required to supply, but the rest is just web design. They’re problems we’ve dealt with before and now have to deal with under the new context of being responsive.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

6 Misconceptions about Responsive Web Design that Just Aren’t True!

6 Misconceptions about Responsive Web Design that Just Aren’t True! | Responsive WebDesign | Scoop.it
However, there are still a lot of misconceptions about responsive design that I’d like to take a crack at debunking below.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

gonzolicious | Tumblr

gonzolicious | Tumblr | Responsive WebDesign | Scoop.it
A personal blog Theme with a responsive layout and tons of powerful features, it’s a great premium theme for all kinds of blogs. Clean, minimal and fully customizable.
more...
Responsive CSS's curator insight, February 22, 5:18 AM

Showcase of responsive websites @ http://responsivecss.net/

Scooped by gonzodesign
Scoop.it!

How to Convince Your Boss to Switch to Responsive Web Design

How to Convince Your Boss to Switch to Responsive Web Design | Responsive WebDesign | Scoop.it
While most digital marketers today would argue that Responsive Web Design (RWD) and development is a necessity for successful businesses, there are still some designers and decision makers who insist on dragging their feet.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Tour of a Performant and Responsive CSS Only Site | CSS-Tricks

Tour of a Performant and Responsive CSS Only Site | CSS-Tricks | Responsive WebDesign | Scoop.it

We wanted to develop our new website to be responsive, mobile friendly, and easily load on even 2G networks using only HTML and CSS. In this article we'll tell you about the challenges we faced in both design and speed optimization of the site, and how we overcame them.

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

Are design patterns destroying web design?

Are design patterns destroying web design? | Responsive WebDesign | Scoop.it
Design patterns offer effective short-term solutions to common problems. However, the more prevalent the design pattern the more established it is, and the greater the likelihood that it’s approaching an extinction level event.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Analytics-driven responsive web design planning | Metal Toad Media

Analytics-driven responsive web design planning | Metal Toad Media | Responsive WebDesign | Scoop.it
In many ways, planning your design around specific devices is doomed to fail (and puts you on an endless upgrade treadmill). Instead, a design should adapt fluidly within the entire spectrum. What happens in between the breakpoints is more important than the precise location of each breakpoint.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

15 Stats To Convince Your Boss To Invest In Mobile In 2015

15 Stats To Convince Your Boss To Invest In Mobile In 2015 | Responsive WebDesign | Scoop.it
Is your company still not thinking mobile first? Here are 15 stats to convince your executive team that the time for mobile is now
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Community Project: Responsible Redesign for the New Year - Tuts+ Web Design Article

Community Project: Responsible Redesign for the New Year - Tuts+ Web Design Article | Responsive WebDesign | Scoop.it
The beginning of 2015 is the perfect time to get responsible, so let’s do so as a community! We’re asking you to improve your websites and share the results.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

The State of Responsive Web Design - Tuts+ Web Design Article

The State of Responsive Web Design - Tuts+ Web Design Article | Responsive WebDesign | Scoop.it
Because technology is always changing by the minute, it is extremely important for us to remain focused on the underlying goals of responsive web design, and not get too attached to any one way of doing things
more...
Responsive CSS's curator insight, February 22, 5:19 AM

Showcase of responsive websites @ http://responsivecss.net/

Scooped by gonzodesign
Scoop.it!

Creating Responsive Images with CSS - Six Revisions

Creating Responsive Images with CSS - Six Revisions | Responsive WebDesign | Scoop.it

In this tutorial, you will learn the simplest technique for achieving responsive images. There are many responsive image techniques, and they vary in complexity and level of browser support.

 

 

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

Design Last - Smashing Magazine

Design Last - Smashing Magazine | Responsive WebDesign | Scoop.it
How does one design and develop for the responsive web? A lot of methodologies out there try to tackle this problem, but all of them rely on the same classic website development process. It boils down to the following: design and then develop. Let’s go nuts and flip this outdated methodology on its head.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Effective Web Typography: Rules, Techniques and Responsive Design - Designmodo

Effective Web Typography: Rules, Techniques and Responsive Design - Designmodo | Responsive WebDesign | Scoop.it
When it comes to content, we need to talk about web typography. Looking at modern web design trends, having responsive typography is a big factor every web designer and web developer shouldn’t miss.
more...
Responsive CSS's curator insight, February 22, 5:18 AM

Showcase of responsive websites @ http://responsivecss.net/

Scooped by gonzodesign
Scoop.it!

Responsive versus Adaptive is not a thing — Medium

Responsive versus Adaptive is not a thing — Medium | Responsive WebDesign | Scoop.it
Adaptive & Responsive are not opposite ends of the same spectrum. Here’s how we keep talking past each other while thinking we know what we mean.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

4 Problems Solved by Responsive Design

4 Problems Solved by Responsive Design | Responsive WebDesign | Scoop.it
not switching to RWD or developing a separate mobile website may end up causing a lot of problems for your users. Below are four common user problems that making the switch to RWD will likely be able to solve.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

The Retail Shift from Mdots to Responsive and Dynamic Serving

The Retail Shift from Mdots to Responsive and Dynamic Serving | Responsive WebDesign | Scoop.it
While most retailers still used dedicated mobile sites to power their mobile shopping in 2014, a significant shift is underway as retailers migrate towards responsive design and dynamically served mobile sites.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Bruce Lawson’s personal site  : Why we can’t do real responsive images with CSS or JavaScript

As the browser is munching through the HTML the preloader sees “” and rushes off to fetch the resource before it’s even thought about speculating about considering doing anything about the CSS or JavaScript.

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

Live Font Interpolation on the Web

Live Font Interpolation on the Web | Responsive WebDesign | Scoop.it

Today’s webfonts tie our responsive sites and applications to inflexible type that doesn’t scale. As a result, our users get poor reading experiences and longer loading times from additional font weights.

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

Responsive grid using calc

Responsive grid using calc | Responsive WebDesign | Scoop.it
Calc is the first and only CSS function which allows us to deal with math. The most beautiful thing about calc is it works with just any units.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Abusing CSS3's nth-child selector to invent new ones

Abusing CSS3's nth-child selector to invent new ones | Responsive WebDesign | Scoop.it

What I had in mind was a Javascript-free, automatically-sizing image gallery that I could toss in the stylesheet for my Jekyll-based site and have it “just work” regardless of the number of images I threw at it.

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

How to Create a Responsive Email Template - Designmodo

How to Create a Responsive Email Template - Designmodo | Responsive WebDesign | Scoop.it
While the support for HTML5 and CSS3 is limited on email design, the best way to create a responsive email template is by taking the old way of creating layouts — using tables, internal CSS, inline CSS and media queries.
more...
Responsive CSS's curator insight, February 22, 5:18 AM

Showcase of responsive websites @ http://responsivecss.net/

Scooped by gonzodesign
Scoop.it!

Approaches to Media Queries in Sass | CSS-Tricks

Using media queries in CSS as part of responsive websites is bread and butter stuff to todays front-end developer. Using preprocessors to make them more comfortable to write and easier to maintain has become common practice as well.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Measuring Your Site's Responsive Breakpoint Usage — Philip Walton

If your site is built using responsive design, measuring and understanding how your users are interacting with your site at the various breakpoints is critical to making informed design decisions in the future.
more...
No comment yet.