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

Media Queries in SVG images

Media Queries in SVG images | Responsive WebDesign | Scoop.it
“Wait? What was that Bruce Lawson just said?” That was my reaction last week as I listened to the audio from Bruce’s presentation at Responsive Day Out conference. What had Bruce said that blew my ...
gonzodesign's insight:

The really cool thing about the way media queries work inside SVG is that they react to the viewport of the image itself, not the viewport of the browser.

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

8 Guidelines and 1 Rule for Responsive Images

8 Guidelines and 1 Rule for Responsive Images | Responsive WebDesign | Scoop.it
I recently had the opportunity to work with a company that is moving to a responsive design and has over 800,000 images on their site. These images come from all over the world. I learned a lot abo...
gonzodesign's insight:

.. brilliant guidelines for images in a responsive habitat!

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

15 Free Minimal and Responsive WordPress Themes | Free and Useful Online Resources for Designers and Developers

15 Free Minimal and Responsive WordPress Themes | Free and Useful Online Resources for Designers and Developers | Responsive WebDesign | Scoop.it
Here, we are presenting 15 free, minimal and responsive WordPress themes for you. WordPress offers the best platform for blogging and sharing content online.
gonzodesign's insight:

15 free and extremely appealing minimal and responsive WordPress themes

more...
Scooped by gonzodesign
Scoop.it!

A Response to ‘Responsive Web Design is Not the Future’

A Response to ‘Responsive Web Design is Not the Future’ | Responsive WebDesign | Scoop.it
gonzodesign's insight:

This kind of shallow thinking is what leads organizations to embrace short-term solutions instead of addressing the legitimately hard problems we’re facing.

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

Responsive Web Design is Not the Future

Responsive Web Design is Not the Future | Responsive WebDesign | Scoop.it
Is responsive web design the ultimate solution for addressing the increasing number of ways people are accessing the Web?
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Resizing Responsive Designs with CSS REMs | Webmonkey | Wired.com

Resizing Responsive Designs with CSS REMs | Webmonkey | Wired.com | Responsive WebDesign | Scoop.it
Responsive, flexible designs can make for complicated resizing -- after all there are a lot of elements on a page and scaling them all for different screen sizes isn't easy.
gonzodesign's insight:

There’s another way to achieve flexibility that doesn’t involve keeping track of ems or percentages — the new CSS REM unit.

more...
David Smith's curator insight, April 1, 2013 9:19 AM

The big one that everyone has been asking for, is a the “Mobile” menu update. We’ve added some new scripting that will ‘convert’ your ( menu top ) menu bar, into a Mobile Drop Down Menu. The advantage of using a Mobile dropdown menu is that your menu will be converted into a Mobile version and use the Mobile devices actual ‘navigation’ system. This makes it much easier for Mobile users with fat fingers, or who have trouble with touch sensitive devices. No more trying to ‘aim’ your finger tip at a little link on the page. They can now simply activate the ‘Navigation’ drop down menu, and use the navigation options built right into the smartphone.

Scooped by gonzodesign
Scoop.it!

Why You Need to Prioritize Responsive Design Right Now - Forbes

Why You Need to Prioritize Responsive Design Right Now - Forbes | Responsive WebDesign | Scoop.it

Responsive design is the hot topic for 2013. We've moved beyond mobile and finally reached the point where companies are accepting the fact that the best ROI comes from fully integrated marketing programs.

more...
No comment yet.
Rescooped by gonzodesign from Web Dev & Design
Scoop.it!

The pros and cons of responsive Web design - Mobile Commerce Daiy - Web site development

The pros and cons of responsive Web design - Mobile Commerce Daiy - Web site development | Responsive WebDesign | Scoop.it

Via JohnAyers, Jil Wright
more...
JohnAyers's curator insight, February 8, 2013 12:05 PM

Thanks to bobjohnsonblog... For sharing this...

 

Responsive design websites can help make your web content work better as the number of people visiting on smartphones continues to increase. But responsive design is not a magic cure for whatever ails your site, particularly if your site suffers from great quantities of little-used content.

Scooped by gonzodesign
Scoop.it!

Responsive Web Design, SEO and Google | SiteProNews: Webmaster News & Resources

Responsive Web Design, SEO and Google | SiteProNews: Webmaster News & Resources | Responsive WebDesign | Scoop.it

The big question though centers around the ever-present SEO factor: Is responsive web design good or bad for SEO? The answer: both. It all depends on you.

 

 

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

5 Important Lessons I’ve Learned About Mobile App Interface Design | Design Shack

5 Important Lessons I’ve Learned About Mobile App Interface Design | Design Shack | Responsive WebDesign | Scoop.it
Reading an article entitled 5 Important Lessons I’ve Learned About Mobile App Interface Design on Design Shack.
gonzodesign's insight:

These lessons not only speed up my day-to-day workflow but also help me design a better user experience for the target audience.

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

The Virtues of Vertical Media Queries

The Virtues of Vertical Media Queries | Responsive WebDesign | Scoop.it
Devices come in all shapes and sizes, and pivot between portrait and landscape orientation. Desktop and laptop browsers can also be contorted into all sorts of shapes. It’s time to stop ignoring short (and tall!
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Go Vertical

Go Vertical | Responsive WebDesign | Scoop.it

When space is available, why not feature the product more prominently? Apple uses vertical media queries to optimize its iPhone hero image for tall viewports but could easily extend that same thinking to small viewports, as well.

 

 

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

5 Things to Know When Designing for iOS | Teehan+Lax

5 Things to Know When Designing for iOS | Teehan+Lax | Responsive WebDesign | Scoop.it
Based on our experience creating great iOS apps, we've come up with a list of 5 things we believe designers should keep in mind while conceptualizing i
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Deliverables - daverupert.com

Responsive Deliverables - daverupert.com | Responsive WebDesign | Scoop.it

In a world of growing front-end complexity, what are we handing off to clients?

gonzodesign's insight:

During the era of Print Design, companies would approach agencies for a brand identity system.

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

Make the mobile web better: Don't make these 4 responsive-design mistakes

Make the mobile web better: Don't make these 4 responsive-design mistakes | Responsive WebDesign | Scoop.it
Here are four common mistakes that could plague your responsive project.
gonzodesign's insight:

But responsive isn’t a magic bullet. It may solve the problem of screen size layout, but there are inherent problems with the responsive approach that many developers gloss over. Here are four common mistakes that could plague your responsive project.

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

How Common Are SEO Problems With Responsive Web Design?

How Common Are SEO Problems With Responsive Web Design? | Responsive WebDesign | Scoop.it
It seems people have strong feelings for or against responsive Web design. My thanks to those with open minds who responded to last month’s column on SEO problems with responsive Web design with either praise or reasonable criticism.
gonzodesign's insight:

. If these sites that are held as paragons of future-friendly Web design have these issues, this should at least demonstrate that these are not edge cases, but less extreme problems that we need to address today.

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

» Responsive Design for Apps — Part 3 Cloud Four Blog

» Responsive Design for Apps — Part 3 Cloud Four Blog | Responsive WebDesign | Scoop.it
gonzodesign's insight:

The lines are blurring so quickly now that when we design web apps, we need to take into consideration how that app will respond to different screen sizes and inputs even if the app isn’t built exclusively using the three main technical pieces of responsive design (media queries, fluid grids and flexible images).

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

The Responsive Web Design War Strategy

The Responsive Web Design War Strategy | Responsive WebDesign | Scoop.it
It seems like everyone is hailing Responsive Web Design (RWD) as the savior for the mobile site development in 2013.
gonzodesign's insight:

Today we are just here to explore 5 core disadvantages of Responsive Web Design, and the respective arguments and solutions to lessen the destructive consequences that designers and clients are forced to bear.

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

Designing for high resolution Retina displays

Designing for high resolution Retina displays | Responsive WebDesign | Scoop.it

 

 

gonzodesign's insight:

My preference is to only maintain one version of each graphical asset instead of two (I’m lazy), so I’ll typically have an @2x sprite that I resize for all users. I’ll also try to save highly compressed images in large dimensions for web so they look good when resized in the browser.

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

MediaShift Idea Lab . Why Media Sites Should Adopt Responsive Design | PBS

MediaShift Idea Lab . Why Media Sites Should Adopt Responsive Design | PBS | Responsive WebDesign | Scoop.it
gonzodesign's insight:

In this post we'll discuss the background and purpose of responsive design, why it is touted as creating a better user experience for media consumers, as well as offer a few tips to convert your site and resources we have found useful where you can learn more.

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

Getting More Through Polyfills with HTML5 | Web Resources | WebAppers

Getting More Through Polyfills with HTML5 | Web Resources | WebAppers | Responsive WebDesign | Scoop.it

Using this technique allows you to write application-specific code without worrying about whether or not each user’s browser implements it natively.

 

 

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

How Responsive Design Boosts Mobile Conversions

How Responsive Design Boosts Mobile Conversions | Responsive WebDesign | Scoop.it

Google is a strong advocate for responsive design. Mashable named 2013 “The Year of Responsive Design,” but is responsive web design actually the answer to boosting mobile conversions?

 

 

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

How to develop a responsive workflow | Webdesigner Depot

How to develop a responsive workflow | Webdesigner Depot | Responsive WebDesign | Scoop.it
Remember the good old days? You know which days I'm talking about; the days not so long ago when we used to design websites to fixed widths. Looking back now
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

There’s more to the CSS rem unit than font sizing | CSS-Tricks

 In this post, I’ll describe how to use the CSS rem unit to scale specific page elements while leaving others unaffected. I’ll also discuss how to use it as a replacement for the under-supported vw (viewporth width) unit.

 

 

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

Responsive Design Is Always Appropriate - Vanseo Design

Responsive Design Is Always Appropriate - Vanseo Design | Responsive WebDesign | Scoop.it
gonzodesign's insight:

Whenever I hear someone say that responsive design isn’t always appropriate I wonder if they truly understand the reasons for designing responsively or how to actually go about creating a responsive site.

more...
No comment yet.