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

How do web experts manage cross-platform testing? | Web design | Creative Bloq

How do web experts manage cross-platform testing? | Web design | Creative Bloq | Responsive WebDesign | Scoop.it

How do you go about testing your responsive designs? We ask our panel of experts to reveal their workflows.

 

 

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

Erskine Design – Maintainable responsive layouts

Erskine Design – Maintainable responsive layouts | Responsive WebDesign | Scoop.it

I thought it’d be useful to share how we created an effective layout system as it’s proven to be an efficient way of working. I won’t be discussing code, rather I’ll be stepping back and looking at the concept behind the layout design.

 

 

more...
Dirk Tromp's curator insight, May 2, 5:34 AM

The best way to go about responsive design. The future will bring even more device types and a maintainable design will help to keep pace with developments.

Scooped by gonzodesign
Scoop.it!

6 Reasons to Go for Responsive Web Design in 2014 | TheNeoDesign.com

6 Reasons to Go for Responsive Web Design in 2014 | TheNeoDesign.com | Responsive WebDesign | Scoop.it
Responsive web design is essential for every business. If you have not one, check the article showing why you should go for responsive web design in 2014.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Impacts of Responsive Web Design on WordPress Themes

Impacts of Responsive Web Design on WordPress Themes | Responsive WebDesign | Scoop.it

Considering the impact is to consider what the future holds for websites and responsive design. This article explores that idea along with explaining what a responsive website is and why you may want one.

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

Off Canvas

Off Canvas | Responsive WebDesign | Scoop.it

this Off Canvas layout demo has 3 panels that display differently depending on the viewport width.

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

Advanced web typography: Responsive web typography » Blog » Elliot Jay Stocks

Advanced web typography: Responsive web typography » Blog » Elliot Jay Stocks | Responsive WebDesign | Scoop.it

Responsive Web Typography is all about treating type with the respect it deserves in a variety of contexts, over which you don’t have finite control.

 

 

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

Learn How-to make Responsive Design using Tutorials | Tutorial Lounge

Learn How-to make Responsive Design using Tutorials | Tutorial Lounge | Responsive WebDesign | Scoop.it
Responsive Design using Tutorials, For beginners this is daunting task to convert all services to Responsive web designing especially when you do not have exact
gonzodesign's insight:

If you are also learner and looking for a place that can give you shelter then experience this pace that has a list of tutorials from the scratch.

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

How to ensure your content is ready for responsive design

How to ensure your content is ready for responsive design | Responsive WebDesign | Scoop.it
There’s a lot you can control about how people see, perceive and experience your online brand messages.
gonzodesign's insight:

Some tips for getting responsive content right

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

Bringing Responsive Images to Browsers

After almost three years in pursuit of a standardized solution to the problem of responsive images, the Responsive Images Community Group is excited to announce that the picture element is officially coming to a browser near you. 

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

Responsive typography with Modular Scale - Create meaningful proportions in your design using SASS - Bugsnag

Responsive typography with Modular Scale - Create meaningful proportions in your design using SASS - Bugsnag | Responsive WebDesign | Scoop.it

With the techniques of scalable type under our belt, we're going to take a look at an open source sass design tool that takes the guesswork out of setting beautiful sizes for your design elements

 

 

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

Visual Inventory

Visual Inventory | Responsive WebDesign | Scoop.it
A design deliverable for the post-PSD era of responsive design.
gonzodesign's insight:

Of course, getting valuable—and, more importantly, actionable output from this kind of process is dependent upon both parties trusting each other enough to have honest communication.

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

RWD and design | susan jean robertson

Pixel Coder
gonzodesign's insight:

But when there are layers between me and the designer, communication never goes well, it breaks down. The designer and I can’t push each other to make better work, to push the boundaries, and the work suffers as a result.

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

Why a Responsive Web Design Will Help You Get More Visitors | Tips

Why a Responsive Web Design Will Help You Get More Visitors | Tips | Responsive WebDesign | Scoop.it

If you haven’t already implemented a responsive web design, then it’s time that you do. It will help you get more visitors and help keep your business growing.

 

 

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

Multi-Screen Resources – Google

Multi-Screen Resources – Google | Responsive WebDesign | Scoop.it
Learn about mobile website configurations, their pros and cons and its impact on your business as well as layout and content best practices. Read the Multi-Screen white paper to get started and learn how other businesses succeeded on mobile.
gonzodesign's insight:

From this research, Google established 25 principles of mobile site design to help companies build mobile sites that delight customers and drive conversions.

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

Rethinking Mobile Tutorials: Which Patterns Really Work? | Smashing Magazine

Rethinking Mobile Tutorials: Which Patterns Really Work? | Smashing Magazine | Responsive WebDesign | Scoop.it
In this post, we’ll look at why many common tutorial patterns are ineffective and how you can leverage game design principles to increase user engagement.
more...
Dirk Tromp's curator insight, April 24, 3:39 AM

Interesting study and effective tips for improving the way we offer tutorials for our websites and apps. Reference to games makes us see how we can make it fun. Why not?

Scooped by gonzodesign
Scoop.it!

How to create mobile style slide-in navigation

How to create mobile style slide-in navigation | Responsive WebDesign | Scoop.it

In this tutorial we’ll look at the techniques needed to make a navigation menu that is hidden off screen until the user clicks on a menu icon, at which point the content slides over and darkens, and the menu slides in

 

 

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

Beginners Tips Media Queries – Code Snippets

Beginners Tips Media Queries – Code Snippets | Responsive WebDesign | Scoop.it

Responsive websites are the rage today. Everyone wants a design that’s compatible with different screen sizes; such that resizing, panning and scrolling may be done fluidly.

 

 

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

Create slick CSS layouts with Flexbox | Web design | Creative Bloq

Create slick CSS layouts with Flexbox | Web design | Creative Bloq | Responsive WebDesign | Scoop.it

Flexbox, the nickname for CSS Flexible Box Layout Module, provides us with a way to quickly and easily lay out user interfaces and the various elements within them. The Grid Layout spec is a better solution for page layout, but is still being developed.

 

 

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

Responsive Web Design in 2014: Stats and Trends - codeitdown.com

Responsive Web Design in 2014: Stats and Trends - codeitdown.com | Responsive WebDesign | Scoop.it

How widespread are today's responsive designs among the world's most visited websites? What are the most common site widths and font sizes? We conducted a small case study.

 

 

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

Responsive Web Design: 6 Tips to Improve Performance and UX

Responsive Web Design: 6 Tips to Improve Performance and UX | Responsive WebDesign | Scoop.it
Google has made a number of recommendations for sites that use responsive web design. Here are six ways you can optimize your site for performance and UX.
more...
Pallab Kakoti's curator insight, April 4, 2:14 AM

The challenges defined by SEO landing pages to create responsive content strategy offering immersive website experience via parallax scrolling one page designs.

 

Parallax Responsive design strategy with optimized content strategy and dedicated blog to generate traffic to the responsive parallax campaign landing pages is the way forward. Layout design that is captivating & contextual storyline that defines the core campaign objective. 

 

Infuse the responsive elements with content strategy to design a unique graphic novel based visually rich storytelling campaign tagged with branded / custom keywords. http://goo.gl/W3TRaa

 

Understand the Social Signals across Google Plus, Facebook, Twitter, Pinterest, Digg, StumbleUpon and Foursquare that determines search engine rankings. http://goo.gl/wBvVDM

 

HashDash // #hshdsh

We are responsive & parallax.

http://goo.gl/ee48mT

Scooped by gonzodesign
Scoop.it!

So You Have a Mobile-Friendly Website. What Now?

So You Have a Mobile-Friendly Website. What Now? | Responsive WebDesign | Scoop.it
This post covers what to do once you've got a mobile-friendly website up and running: whether you need an app, why mobile is important for social and email, technical tips for improving your mobile presence, examples and case studies of brands doing these things well, and the mindset we need about mobile as online marketers in 2014 and beyond.
gonzodesign's insight:

\This post will cover some big-picture trends, case studies, examples and tactics, but the overall theme is "online everywhere."

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

Srcset and sizes — ericportis.com

Srcset and sizes — ericportis.com | Responsive WebDesign | Scoop.it
gonzodesign's insight:

Media-query-based responsive image source-picking is terrible because while most responsive designers have settled on varying a page’s layout based on one variable (viewport width), when dealing with responsive images, we’re really concerned with three variables

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

Build a responsive Javascript nav menu | Web design | Creative Bloq

Build a responsive Javascript nav menu | Web design | Creative Bloq | Responsive WebDesign | Scoop.it
Responsive web design (RWD) has had an enormous impact on how our industry develops websites and applications for different devices. Everywhere we look there are new techniques, tools, and thoughts on the subject. RWD provides us with the tools we need to create awesome experiences for the multitude of devices that our users have.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Design Sameness

Responsive Design Sameness | Responsive WebDesign | Scoop.it
Sometimes, when discussions are really interesting, I find it hard not to chime in. Mark Boulton tweeted: I wonder if #RWD looks the way it does because so many projects aren't being run by designe...
gonzodesign's insight:

Or why responsive sites share similar visual characteristics? At the moment I can think of three things that I theorize might be at least as important as workflow, in regards to RWD design sameness

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

Getting started with Grunticon - The Iconfinder Blog

Getting started with Grunticon - The Iconfinder Blog | Responsive WebDesign | Scoop.it

Grunticon is good alternative to icon fonts. It uses SVG files and embeds them in a CSS file that makes it super useful for web project. It’s a bit tricky to set up, so we created this guide to help you get started. 

more...
No comment yet.