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

Content Parity on the Web | Go Make Things

Content Parity on the Web | Go Make Things | Responsive WebDesign | Scoop.it

There’s a belief that mobile users exist in a specific and limited context: busy, distracted, and focused on only one type of information. That particular context is just one of many that can and do apply to mobile users.

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

5 Tools to help go Responsive and Build your own Website

5 Tools to help go Responsive and Build your own Website | Responsive WebDesign | Scoop.it
The responsive revolution has seen a host of tools hit the web. Here are five tools that will assist with going responsive. What is the future for responsive design? I think it’s reasonable to say ...
gonzodesign's insight:

.. RWD is all about performance, so DON'T use frameworks! It bloats your site!

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

7 Responsive Design Tips to Revamp Your Workflow

7 Responsive Design Tips to Revamp Your Workflow | Responsive WebDesign | Scoop.it
From content structure to scalable images, we'll cover seven techniques to consider in your next responsive design.
gonzodesign's insight:

Dissecting the responsive design workflow, though, can be difficult — it's highly individual and iterative. However, you can apply general tips and techniques to almost every responsive project.

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

Top Features Every Responsive Website Should Have | designsign.net

Top Features Every Responsive Website Should Have | designsign.net | Responsive WebDesign | Scoop.it

Things you should/should not implement within every website which is called “fully responsive”. So, let’s proceed to the plot right now and enumerate these important points!

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

Is Your Responsive Web Design too Fragile? - SitePoint

Is Your Responsive Web Design too Fragile? - SitePoint | Responsive WebDesign | Scoop.it
Is your responsive layout not working as you expect? Craig discusses a little-known media query issue and recommends a solution...
gonzodesign's insight:

Chrome or, more specifically, Webkit is incorrectly ignoring the scrollbar and reacting too early. That appears sensible since scrollbar widths vary between systems, but it’s going against the W3C standard

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

Great Responsive Web Design is a Matter of Process

Great Responsive Web Design is a Matter of Process | Responsive WebDesign | Scoop.it
When it comes to creating a great responsive web design, designers need to develop a new adaptive process.
gonzodesign's insight:

Instead of spending time designing for specific device widths and getting hung up on the precise elements of a web design, designers now have to focus on designing for content.

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

Useful jQuery plugins for responsive web design

Useful jQuery plugins for responsive web design | Responsive WebDesign | Scoop.it
Responsive Web Design is used to present any companies information in the most efficient way possible, depending upon how they are viewing your website.
gonzodesign's insight:

When building responsive websites, jQuery can be very helpful. In this article a list of jQuery plugins that will definitely help you building more responsive and usable websites.

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

Trendy Responsive jQuery Sliders

Trendy Responsive jQuery Sliders | Responsive WebDesign | Scoop.it
There are hundreds of slider plugins out there, although premium Javascript sliders usually provide more features, however, some free and well-maintained sliders do have outstanding features, vast configurations and well-documented.
gonzodesign's insight:

Here we have 11 Free jQuery Sliders that supports responsive layout, not just that, most of them are featured packed too.

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

LukeW | Breaking Development: Mobile First Responsive Design

Jason Grigsby walks through the importance of performance in multi-device designs and techniques for helping you achieve it

 

 

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

Responsive Typography is a Physical Discipline, But Your Computer Doesn’t Know It (Yet)

For ideal typography, web designers need to know as much as possible about each user’s reading environment.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Web Design for Advanced Users – Rediscovering Ignored Aspects | Inspired Magazine

Responsive Web Design for Advanced Users – Rediscovering Ignored Aspects | Inspired Magazine | Responsive WebDesign | Scoop.it
Responsive web design took off in a big way before anybody realized what had happened. Suddenly, there were articles written and discussions happening about how
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

How To Make Your Websites Faster On Mobile Devices | Smashing Mobile

How To Make Your Websites Faster On Mobile Devices | Smashing Mobile | Responsive WebDesign | Scoop.it
This article looks at what influences the loading speed of a website on a smartphone and explains techniques you can use to make your websites faster on mobile devices.
gonzodesign's insight:

64% of smartphone users expect websites to load in 4 seconds or less, while the average website takes more than twice that amount, at 9 seconds. This article explains techniques you can use to make your websites faster on mobile devices.

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

Responsive design vs. Separate mobile sites

Chris Ferdinandi provides a good summary of the responsive site vs. separate mobile site debate.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Top 5 Reasons Why You Need a Mobile Website

Top 5 Reasons Why You Need a Mobile Website | Responsive WebDesign | Scoop.it

Smartphones have opened up a whole new audience to businesses. Nearly 73 million people are mobile shoppers, while more than 10 million people buy goods or services through their smart phone.

 

 

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

Erick Arbe

Erick Arbe | Responsive WebDesign | Scoop.it
In which I discuss the pros and cons of different navigation patterns in responsive website design.
gonzodesign's insight:

The tough part is what to do with that huge mega menu once your viewport gets down below let’s say 800px or so. That’s when the fun begins.

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

Responsive Maps | Trent Walton

Responsive Maps | Trent Walton | Responsive WebDesign | Scoop.it

Most embeddable maps are touch friendly in that you can swipe/scroll to reposition the map within their frame. This is great, but users can get stuck if the embedded map happens to fill a viewport at any given time.

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

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial | Responsive WebDesign | Scoop.it
A few weeks ago we released two different introductory articles about HTML5 and CSS3, and I promised you we'd do some cool stuff together in the upcoming months. Well, I have been working hard on thi
gonzodesign's insight:

In this tutorial I will teach you how to create a responsive website using HTML5/CSS3 from scratch.

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

Sketchsheets for Responsive Web Design

Sketchsheets for Responsive Web Design | Responsive WebDesign | Scoop.it
With the constant evolution and popularity of mobile devices, designing web sites responsively is essential. Unlike designing for a static or fixed web sit
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Web Design : What are initial Hiccups of Designers & SEO

Recently, a confused web Designer called us to drift out confusion about Responsive Web Design. Before becoming member of expensive Online Web Design Tutorial, this Web Designer read Responsive Web Design is Not the Future  .
gonzodesign's insight:
Being too popular in web design industry, the responsive web design also considered as not into future as there are many reasons behind this fact.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Nav: A Simple JavaScript Plugin For Responsive Navigation | Smashing Coding

Responsive Nav: A Simple JavaScript Plugin For Responsive Navigation | Smashing Coding | Responsive WebDesign | Scoop.it
JavaScript plugin for responsive navigation which weighs only 1.6kb. Uses touch events and CSS3 transitions for the best possible performance.
gonzodesign's insight:

Today, I’m pleased to introduce Responsive Nav, a free and open-source JavaScript plugin that solves these problems and more in one tiny package. The solution is not one size fits all, nor is it meant to be.

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

IVORY: A Simple And Flexible Front-end Framework

IVORY: A Simple And Flexible Front-end Framework | Responsive WebDesign | Scoop.it

 

 

gonzodesign's insight:

IVORY is a lightweight front-end framework that can handle responsive layouts from 320px to 1200px widths.

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

RWD focus: Responsive typography, Part 2 | TechRepublic

RWD focus: Responsive typography, Part 2 | TechRepublic | Responsive WebDesign | Scoop.it

A final narrowing down and selection of the typefaces, applying a modular scale using several online tools to convert pixels to Ems, and finally, we will check and set the default line height to achieve the finished view of the demonstration.

 

 

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

Responsive drop shadows | 456 Berea Street

Responsive drop shadows | 456 Berea Street | Responsive WebDesign | Scoop.it
A few examples of how you can create a non-rectangular drop shadow that will adapt to the width of the element it is applied to.
more...
No comment yet.
Scooped by gonzodesign
Scoop.it!

Media Queries are a Hack by Ian Storm Taylor

Media Queries are a Hack by Ian Storm Taylor | Responsive WebDesign | Scoop.it
Design co-founder at Segment.io — #design #frontend #risd #wis
gonzodesign's insight:

Big buzzwords in CSS these days are “modular” and “responsive”. But we’re still trying to achieve those goals with the wrong tool: Media Queries. What we actually need is a tool that doesn’t exist yet: Element Queries.

more...
No comment yet.