Responsive WebDesign
Follow
Find
41.3K views | +0 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!

Why your responsive website needs the power of performance | RWD | Page 2 | Creative Bloq

Why your responsive website needs the power of performance | RWD | Page 2 | Creative Bloq | Responsive WebDesign | Scoop.it
Placing an emphasis on performance budgeting and understanding the importance of speed and responsiveness across all devices and browsers, including those on games consoles, is the key to building a successful website today.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Discovery

Responsive Discovery | Responsive WebDesign | Scoop.it
How do we decide where and how to explore, set our course, and move forward? And how does a new responsive web, without constraints of device widths, affect that exploration? These are the tricky questions that need to be answered at the beginning of a project.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Why web design is losing its soul | Web design | Creative Bloq

Why web design is losing its soul | Web design | Creative Bloq | Responsive WebDesign | Scoop.it
RWD is the future, no doubt, and some of us are just now getting our feet beneath us. I'm excited to see what we build as we continue to learn and master responsive development.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

An Introduction to Mobile-First Media Queries

An Introduction to Mobile-First Media Queries | Responsive WebDesign | Scoop.it

This article was meant to be a quick primer on the definitions, approach, and benefits to using mobile-first media queries. I will focus on the details of writing mobile-first media queries.

 

 

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!

Setting a Web Performance Budget: Where to Start - The Hanger Blog

Setting a Web Performance Budget: Where to Start - The Hanger Blog | Responsive WebDesign | Scoop.it
A performance budget is a group of limits to certain values, that affect site performance, that may not be exceeded in the design and development of any web project.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

How To Sell Responsive Web Design To Your Clients - SpyreStudios

How To Sell Responsive Web Design To Your Clients - SpyreStudios | Responsive WebDesign | Scoop.it
Responsive web design is not the wave of the future – it is a best practice today. If a site is not multi-device friendly, it is behind the times and in serious need of a redesign.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Mobile Navigation — Medium

Mobile Navigation — Medium | Responsive WebDesign | Scoop.it

This article tries to find alternatives navigations and explains them. Why? Because personally, I have been convinced that hamburger menus are the easy solution which come with a lot of drawbacks

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

Responsive Design with Viewport Control - bitsofco.de

Responsive Design with Viewport Control - bitsofco.de | Responsive WebDesign | Scoop.it
When it comes to implementing responsive design, css media queries seem to get all the attention. Although admittedly all the leg work is done with media queries, a site is not responsive without viewport control.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Images 101, Part 5: Sizes

Responsive Images 101, Part 5: Sizes | Responsive WebDesign | Scoop.it
When we last left our intrepid web developers, they had discovered the power of srcset width descriptors, only to be faced with a new challenge—the browser only knows the size of the viewport when it begins downloading images.

Now, it is time to meet the hero of our story: the sizes attribute.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Mobile-friendly sites and SEO • Yoast

Mobile-friendly sites and SEO • Yoast | Responsive WebDesign | Scoop.it
Last month, Google actually announced a change in their algorithm before it had already happened. In this post they mention that starting April 21st mobile-friendliness will become a ranking factor more and more.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

The future of responsive web design

The future of responsive web design | Responsive WebDesign | Scoop.it
It’s almost incomprehensible in 2015 to build a website that isn’t responsive. The technique has developed to the point that most designers no longer say, ‘responsive web design,’ we say, ‘web design,’ and mean exactly the same thing.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Media Queries for Standard Devices | CSS-Tricks

Choosing breakpoints based on your design and not specific devices is a smart way to go. But sometimes you just need a little help getting one particular situation under control.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

How to Use Media Queries in Responsive Web Design - UXPin

How to Use Media Queries in Responsive Web Design - UXPin | Responsive WebDesign | Scoop.it

Responsive design comes with some problems of its own. The issue of slow-to-load sites is now well documented. Let’s walk through some of the tricks designers are using to better load content and images on different devices.

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

Methodologies to Make Your WordPress Site Mobile-Friendly - WP Mayor

Methodologies to Make Your WordPress Site Mobile-Friendly - WP Mayor | Responsive WebDesign | Scoop.it

Sites that are not optimized for the small-screen displays will act as a barrier for their owners – much of the content or the entire website will need a revamp.

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

Why 'mobile first' may already be outdated - Inside Intercom

Why 'mobile first' may already be outdated - Inside Intercom | Responsive WebDesign | Scoop.it
So if you’re designing and building software to sell to employees or companies, and that includes everything from enterprise software to calendar and to-do apps, you better be thinking about big screens as well as small ones. It’s not just about mobile-first.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Revisiting the Priority+ Pattern | Brad Frost

This pattern surfaces the most frequently accessed links or actions, while still providing access to the breadth of other available content or features.

Moreover, this pattern does a much better job educating the user about what this interface element is
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive vs. Adaptive Design: What’s the Best Choice for Designers? - UXPin

Responsive vs. Adaptive Design: What’s the Best Choice for Designers? - UXPin | Responsive WebDesign | Scoop.it
Put simply, responsive is fluid and adapts to the size of the screen no matter what the target device. Responsive uses CSS media queries to change styles based on the target device such as display type, width, height etc., and only one of these is necessary for the site to adapt to different screens.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

3 responsive design disasters (and how to avoid them)

3 responsive design disasters (and how to avoid them) | Responsive WebDesign | Scoop.it
This article has discussed only the 3 most commonly encountered responsive design disasters, but there are plenty of other ways for a good design to go wrong. Preventing errors is not too difficult.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Tables in Pure CSS - LivingSocial's Technology Blog

Responsive Tables in Pure CSS - LivingSocial's Technology Blog | Responsive WebDesign | Scoop.it
You can pull in content from HTML data attributes using content: attr(data-label) on the before/after pseudo classes. With this in mind, let’s take a look at how we can reorganize the table structure on mobile devices
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

10 ‘Tried And Tested’ Practices For Smooth Navigation On Mobile Websites

10 ‘Tried And Tested’ Practices For Smooth Navigation On Mobile Websites | Responsive WebDesign | Scoop.it
The touch system of smartphones needs friendly website navigation for better browsing. A single wrong touch can annoy the user and hence leads to website switching. Do you want that?
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Merging Responsive Web Design Ideas for Desktop & Mobile

Merging Responsive Web Design Ideas for Desktop & Mobile | Responsive WebDesign | Scoop.it
The merger of design trends for desktop and mobile screens has been underway for years, but only recently have designers had the tools necessary to create a seamless connection.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Beyond Media Queries — It’s Time to Get Elemental

Beyond Media Queries — It’s Time to Get Elemental | Responsive WebDesign | Scoop.it
With media queries hogging the limelight, the discussion around element queries isn’t gathering enough momentum. While media queries help us with RWD, they are limited. We need to look beyond.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Assessing Mobile Usability With Google Webmaster Tools

Assessing Mobile Usability With Google Webmaster Tools | Responsive WebDesign | Scoop.it
In this article, we’ll review how to flag mobile issues in Webmaster Tools, explain the most common issues and learn how to assess mobile usability problems on your website based on these flags. Because mobile usability has become a greater priority in Google’s ranking algorithm, ensuring an optimal mobile experience on every website has become more important than ever.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Designing a Responsive Website for Higher Education / Randy Jensen Online

Designing a Responsive Website for Higher Education / Randy Jensen Online | Responsive WebDesign | Scoop.it
But as anyone in the industry knows, every day that passes, new technologies are being added to the modern developer’s toolbelt and building a website has only gotten more challenging.
more...
No comment yet.