Responsive WebDesign
45.3K 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!

What size is my viewport? – Tyson Matanich

gonzodesign's insight:

Responsive web design is making a positive and lasting impact to the web as we know it. Along with most change comes new scenarios. I think it’s safe to say that supporting a flexible viewport is at the top of the list.

No comment yet.
Scooped by gonzodesign
Scoop.it!

A Flexible Approach to Responsive Navigation | Webdesigntuts+

A Flexible Approach to Responsive Navigation | Webdesigntuts+ | Responsive WebDesign | Scoop.it


Why not check (with JavaScript) to see how much of our the navigation actually fits in the space available? Once we know that, we can take items that don’t fit within the navbar and move them into a dropdown menu.

No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Carousel Project: Now Open Source | Filament Group, Inc., Boston, MA

We've found that most third-party carousels available online fall short of these requirements in one way or another, so we built our own, and recently made it public for others to use as well.

No comment yet.
Scooped by gonzodesign
Scoop.it!

How to Create a Responsive Navigation

How to Create a Responsive Navigation | Responsive WebDesign | Scoop.it
One of the trickiest parts to be responsified on a website is “the Navigation”, this part is really important for the website accessibility, as this is one of the ways visitors jump over the web pages.
No comment yet.
Scooped by gonzodesign
Scoop.it!

Free Responsive Drop Down Navigation Menu: SelectNav.js | Greepit

Free Responsive Drop Down Navigation Menu: SelectNav.js | Greepit | Responsive WebDesign | Scoop.it

SelectNav.js is a lightweight (1.5kb), library agnostic JavaScript for creating responsive drop down navigation menus. It lets you convert your website navigation into a select drop-down menu.

No comment yet.
Scooped by gonzodesign
Scoop.it!

JavaScript libraries and the mobile U/X

Why JavaScript libraries are keeping us from a good mobile experience Responsive (or RWD) is the new black. Every designer is talking about it and every company wants it.
No comment yet.
Scooped by gonzodesign
Scoop.it!

Adactio: Journal—Image-y nation

Adactio: Journal—Image-y nation | Responsive WebDesign | Scoop.it
A responsive image technique leads to some nostalgia for the early days of web development.
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive Img - a jQuery Plugin for Responsive Images

Responsive Img - a jQuery Plugin for Responsive Images | Responsive WebDesign | Scoop.it

Responsive Img swaps out an image's src attribute based on its container's width when the DOM is ready and when the browser is resized.

No comment yet.
Scooped by gonzodesign
Scoop.it!

How to use Google AdSense Ads on Responsive Websites

How to use Google AdSense Ads on Responsive Websites | Responsive WebDesign | Scoop.it
Learn how to make your Google AdSense ads responsive with JavaScript. The appropriate ad unit will automatically get served based on the width of the visitor’s browser.
No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive JavaScript with minwidth.js and relocate.js | Edenspiekermann

Responsive JavaScript with minwidth.js and relocate.js | Edenspiekermann | Responsive WebDesign | Scoop.it
We developed these two JS plugins to meet the challenges of responsive webdesign in a recent project. You might find them useful as well.
No comment yet.
Scooped by gonzodesign
Scoop.it!

Brett Jankord – HRWD – Hybrid Responsive Web Design

Brett Jankord – HRWD – Hybrid Responsive Web Design | Responsive WebDesign | Scoop.it

Hybrid responsive web design does not aim to create solutions for the mobile web, the desktop web, the tablet web, the smartTV web. It aims to create solutions for the responsive web. Each project should be evaluated to see which techniques will be the most benefical, not only to your clients, but also to their users.

No comment yet.
Scooped by gonzodesign
Scoop.it!

Springload: OnMediaQuery - Responsive Javascript

Jeremy Keith recently posted a great article about using conditional CSS to add properties to the page that are enumerable in Javascript. Jeremy uses the :after psuedo property on the tag to add information about the current viewport

No comment yet.
Scooped by gonzodesign
Scoop.it!

How we build our Javascript

How we build our Javascript | Responsive WebDesign | Scoop.it

This post isn’t strictly about responsive design but hopefully it’ll give you some insight into how you can optimise your JS to help support the goals of a responsive site.

No comment yet.
Scooped by gonzodesign
Scoop.it!

Responsive JavaScript Widgets | Web development blog, news and tutorials - Developer Drive

Responsive JavaScript Widgets | Web development blog, news and tutorials - Developer Drive | Responsive WebDesign | Scoop.it
This tutorial looks at how rich JavaScript widgets can be made responsive in order to improve the user experience of mobile visitors to your website...
No comment yet.