Responsive WebDesign
Follow
Find
42.3K views | +25 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 Images 101, Part 9: Image Breakpoints

In our responsive layouts, breakpoints refer to the viewport sizes at which we make changes to the layout or functionality of a page. These typically map to media queries.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Thinking Responsively: A Framework for Future Learning

Thinking Responsively: A Framework for Future Learning | Responsive WebDesign | Scoop.it
If we want to build a web that is truly universal, then we must embrace its unpredictable nature. We must listen more closely to the full spectrum of our audience.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Managing Responsive Projects | Creative blog by Adobe

Managing Responsive Projects | Creative blog by Adobe | Responsive WebDesign | Scoop.it
Mobile friendly web content and mobile development have been pushed to the forefront with Google’s announcement earlier this year of ranking mobile ready sites higher. The change in Google’s ranking algorithm alone is a call to action for delivering mobile-friendly content.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Supporting Mobile Navigation in Spite of a Hamburger Menu

Supporting Mobile Navigation in Spite of a Hamburger Menu | Responsive WebDesign | Scoop.it
Mobile sites that use the hamburger or three-line menu need to support navigation activities throughout the site, in case users don’t locate or use the main site navigation.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

How to master responsive email | Web design | Creative Bloq

How to master responsive email | Web design | Creative Bloq | Responsive WebDesign | Scoop.it
Jennifer Wong tackles tables, inline styles and inconsistent CSS support to show you how to design modern, responsive emails.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Optimizing for Mobile Users - 9 Things You Need to Know

Optimizing for Mobile Users - 9 Things You Need to Know | Responsive WebDesign | Scoop.it
In this post we are going to examine 9 things that will help your site appeal to, engage, and convert your mobile visitors. We’ll take a look at how mobile optimization isn't that different from desktop and explain a few tips to capture the attention of any visitor, no matter how distracted.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Debunking Common Myths Around Responsive Web Design

Debunking Common Myths Around Responsive Web Design | Responsive WebDesign | Scoop.it
The hype surrounding RWD has started to wear off, but there are still many who believe it’s the best solution for mobile optimization. This is not always the case, here are the most common myths surrounding RWD.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Brad Frost and the future of the web - NEXTpittsburgh

Brad Frost and the future of the web - NEXTpittsburgh | Responsive WebDesign | Scoop.it
Design is such a loaded term. Most associate it with aesthetics but a lot of times that can get in the way of the user’s experience. We find ourselves overdesigning things that don’t necessarily need to be as complex as we think they are.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

The DNA of Responsive Web Design -

The DNA of Responsive Web Design - | Responsive WebDesign | Scoop.it
So let’s take a step back and review the basics to get a deeper understanding of how the technology works by deconstructing the basic building blocks.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Can you overuse media queries? | Developer Drive

Can you overuse media queries? | Developer Drive | Responsive WebDesign | Scoop.it
No matter how many media queries you use, you’ll still have to specify a default style outside of the media queries section. There’s no way around that. Simply pick the best supporting media queries method to deliver the best possible user experience to website visitors.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Is RWD Responsible Web Design? - 'Net Features - Website Magazine

Is RWD Responsible Web Design? - 'Net Features - Website Magazine | Responsive WebDesign | Scoop.it
Web Design is no longer a visual process; instead it is a strategic experience for platform creation in which users are at the core. This ecosystem will entail multidisciplinary approaches from visual design, user experience, code development and hardware knowledge.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

How responsive web design is progressing in 2015 • Inspired Magazine

How responsive web design is progressing in 2015 • Inspired Magazine | Responsive WebDesign | Scoop.it
In 2015 RWD is still a sizzling concept and other words reverberating through the air in association with it are content strategy, user experience, and accessibility.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Debunking Common Myths Around Responsive Web Design

Debunking Common Myths Around Responsive Web Design | Responsive WebDesign | Scoop.it
Many retailers believe that responsive web design is the best solution when it comes to mobile optimization. Although it has its advantages, it is not the be-all-end-all solution, and there are many misconceptions surrounding it.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Is Responsive Design A Ranking Factor?

Is Responsive Design A Ranking Factor? | Responsive WebDesign | Scoop.it

Each configuration carries its own potential SEO benefits and liabilities. I do think Google’s overall preference is clear: responsive is the way they’d like webmasters to configure their sites. Is it a positive SEO ranking factor? Not yet.

 

 

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

Creating a Future-Proof Responsive Email Without Media Queries - Tuts+ Web Design Tutorial

Creating a Future-Proof Responsive Email Without Media Queries - Tuts+ Web Design Tutorial | Responsive WebDesign | Scoop.it
It’s called the fluid hybrid method, sometimes referred to as the spongy method of email development. The fluid part refers to the fact that we use lots of percentages. The hybrid part is because we also use max-width to restrict some of our elements on larger screens.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

The state of responsive images in 2015

The state of responsive images in 2015 | Responsive WebDesign | Scoop.it
The aim of responsive images then, is not to deliver a higher quality image to screens that can display it (which we can do easily), the aim is to deliver the highest quality image supported and nothing more.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

My Latest Lesson in Responsive Design

My Latest Lesson in Responsive Design | Responsive WebDesign | Scoop.it
This was a small change in my design process but I think it represents a larger change in my thought process about how responsive design really works. It closes the gap (a bit) between representing a dynamic medium (the web) with static design vs. designing in a dynamic platform (i.e. writing code).
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

The pro's guide to responsive web design | RWD | Creative Bloq

The pro's guide to responsive web design | RWD | Creative Bloq | Responsive WebDesign | Scoop.it

Focus upon getting the basics right before you start worrying about exciting and advanced techniques. By taking things back to the basics, we are able to build a robust interface for everyone, layering on features when the device or user's context allows.

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

4 Extra Features Your Mobile Responsive Site Needs | Convince and Convert: Social Media Strategy and Content Marketing Strategy

4 Extra Features Your Mobile Responsive Site Needs | Convince and Convert: Social Media Strategy and Content Marketing Strategy | Responsive WebDesign | Scoop.it

Of course, a responsive layout is crucial—but let us go beyond that, because going mobile alone doesn’t turn views into sales. Let’s explore four other vital factors your mobile site needs to increase sales.

 

 

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

13 tips for making responsive web design multi-lingual

13 tips for making responsive web design multi-lingual | Responsive WebDesign | Scoop.it
The web wins the more viewable your website is. By adapting our responsive websites to work with multiple languages we can further increase the number of users who are able to use our content.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Container Queries: Once More Unto the Breach

Container Queries: Once More Unto the Breach | Responsive WebDesign | Scoop.it
Since a solution can’t allow an element to restyle itself, we can build that constraint into the specification: queries attached to an element can only influence the styling of that element’s child elements.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Mathematical Web Typography | Writing

Things built on the Web should be fluid and infinitely scalable. Using modular scales in a design compliments that idea and keeps things organized in the face of growing complexity.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive design is failing mobile UX

Responsive design is failing mobile UX | Responsive WebDesign | Scoop.it
Simply jamming your site into a version that fits on a mobile device is not enough. You need to take a close look at the complete user experience and how it should be changed to adapt to the different environments in which it’s being viewed.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Taking a Look at Current Responsive Navigation Design Trends - Market Blog

Taking a Look at Current Responsive Navigation Design Trends - Market Blog | Responsive WebDesign | Scoop.it

Responsive web design(RWD) has been a topic for many years now. Today I’d like to discuss some common design trends in responsive navigation and how they could tie into your next web project.

 

 

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

Beyond Responsive Design: How to Optimize Your Website for Mobile Users

Beyond Responsive Design: How to Optimize Your Website for Mobile Users | Responsive WebDesign | Scoop.it
Building a mobile-friendly website is step one, but tweaking your website will not keep you ahead of consumers’ changing behavior and expectations. In short, you have to infuse your marketing strategy with a “mobile mindset.”
more...
No comment yet.