responsive web design
86 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by wolfgang gauss
Scoop.it!

Seven Reasons Your Business Needs a Mobile-Friendly Website Right Now [Infographic]

Seven Reasons Your Business Needs a Mobile-Friendly Website Right Now [Infographic] | responsive web design | Scoop.it
A mobile-friendly website is not a nice-to-have: A business must make browsing or buying as easy on mobile as it is on desktops for customers. See the infographic for why there's no time to waste.
more...
Red Breast's curator insight, March 11, 2017 7:06 AM
Old news, but still essential
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Best Practices for Responsive UX | Creative Cloud blog by Adobe

Best Practices for Responsive UX | Creative Cloud blog by Adobe | responsive web design | Scoop.it
As a workflow, designing responsive sites can seem daunting, especially if you are new to the process. Designing for multiple screen sizes, the constraints of small screens, and considering touch, all add complexity into the mix that takes us beyond creating fixed width sites.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

On Keeping Breakpoints DRY | CSS-Tricks

On Keeping Breakpoints DRY | CSS-Tricks | responsive web design | Scoop.it
I went on a personal quest to find the best way to use the powers of CSS preprocessors to manage breakpoints and write media queries in my projects. The outcome was include-media, a library that promises "simple, elegant and maintainable" media queries in Sass

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Basic Patterns for Mobile Navigation

Basic Patterns for Mobile Navigation | responsive web design | Scoop.it
Mobile navigation must be discoverable, accessible, and take little screen space. Exposing the navigation and hiding it in a hamburger both have pros and cons, and different types of sites have different preferred solutions to the mobile-navigation quandary.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Why you shouldn’t ignore the bigger breakpoints in responsive web design - InVision Blog

Why you shouldn’t ignore the bigger breakpoints in responsive web design - InVision Blog | responsive web design | Scoop.it
With the introduction of media queries, designers are able to specify breakpoints a website will adapt to and target specific devices and viewport sizes. Basic media queries are usually for a phone, tablet, and desktop. But there’s generally no consideration for the Very Big Desktop.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Why Responsive Web Design is a Small Business Must Have | Creativeoverflow

Why Responsive Web Design is a Small Business Must Have | Creativeoverflow | responsive web design | Scoop.it
In fact recent studies show that over 80% of the population search for local businesses on their mobile phones. This article outlines why responsive web design is a small business must have.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Simple Responsive Tabs With JavaScript & CSS - Call Me Nick

Simple Responsive Tabs With JavaScript & CSS - Call Me Nick | responsive web design | Scoop.it

Tabbed layouts are a great way to house a lot of related content in a small, compact area. In this tutorial, we're going to build a responsive tabbed layout using CSS and JavaScript, and implement a basic no-js fallback.

 

 


Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

How to create the perfect responsive design

How to create the perfect responsive design | responsive web design | Scoop.it

It’s certainly possible to approach the sun without melting our waxen wings. So follow along and let’s see how far we can push towards perfection in our pursuit of the ideal responsive design.


Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Responsive Typography: A Quick Tutorial - Designmodo

Responsive Typography: A Quick Tutorial - Designmodo | responsive web design | Scoop.it
Typography is not one-size-fits all, yet that’s often how we approach it on the web. We understand the value of responsive design but seldom do we design responsive typography.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Using Responsive Images (Now)

Using Responsive Images (Now) | responsive web design | Scoop.it
Ever since Ethan Marcotte started talking about responsive web design in 2010, developers and designers have been scrambling to find ways to deal with the issue of responsive images.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Hamburger Menu, The Most Recognizable Thing on the Planet

Hamburger Menu, The Most Recognizable Thing on the Planet | responsive web design | Scoop.it
Does behavior change when users encounter the hamburger menu on a desktop website versus a more traditional menu?


We'll be honest, we were surprised by the results.

Via gonzodesign
more...
No comment yet.
Scooped by wolfgang gauss
Scoop.it!

Responsive design 101 for Universal Windows Platform (UWP) apps - Windows app development

Responsive design 101 for Universal Windows Platform (UWP) apps - Windows app development | responsive web design | Scoop.it
What does an award-winning UI look like?

Try this: Responsive Design 101 for #UWP apps: http://t.co/09IrsaHflC http://t.co/SGkbtwUs2I
more...
No comment yet.
Scooped by wolfgang gauss
Scoop.it!

Why Responsive Web Design Is Must For SEO? Know Secrets

Why Responsive Web Design Is Must For SEO? Know Secrets | responsive web design | Scoop.it
Responsive web design has taken the world by storm. It's recommended for site improvement, but for SEO responsive structure has become must thing.
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Responsive vs. Adaptive Design: What’s the Best Choice?

Responsive vs. Adaptive Design: What’s the Best Choice? | responsive web design | Scoop.it
On the surface, it appears that adaptive requires more work as you have to design layouts for a minimum of six widths. However, responsive can be more complex as improper use of media queries (or indeed not using them at all) can make for display and performance issues.

Via gonzodesign
more...
Manesha's curator insight, February 17, 2016 5:15 PM

Les sites web adaptatifs sont une bonne chose car la conception vise, grâce à différents principes et techniques, à offrir une expérience de consultation confortable même pour des supports différents. L'utilisateur peut ainsi consulter le même site web à travers une large gamme d'appareils (moniteurs d'ordinateur, smartphones, tablettes, TV, etc.) avec le même confort visuel et sans avoir recours au défilement horizontal ou au zoom avant/arrière sur les appareils tactiles notamment, manipulations qui peuvent parfois dégrader l'expérience utilisateur, tant en lecture qu'en navigation.

Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

A New Responsive Font Format for the Web | CSS-Tricks

A New Responsive Font Format for the Web | CSS-Tricks | responsive web design | Scoop.it
I think there’s huge potential for a new variable font format to become a key part of the designer’s tool belt. It would greatly improve the reading experience of general users of the web, too.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Responsive Typography in SCSS

e’ve developed a simple mixin that enables you to collate your typography styles into one central location and call on a specific look at any point. It also handles media queries, allowing you to specify different properties at different breakpoints.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Get Faster at Responsive UI Design - Web Design Ledger

Get Faster at Responsive UI Design - Web Design Ledger | responsive web design | Scoop.it

Designing with multiple screen sizes in mind becomes speedy and more effective when considering content in the wireframing process. By blocking out areas for the content or splitting it into different categories, designers can create movable parts to adapt to any screen size.

 

 


Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

9 responsive typography tips from the experts | RWD | Creative Bloq

9 responsive typography tips from the experts | RWD | Creative Bloq | responsive web design | Scoop.it

It stands to reason that responsive web design requires responsive typography to suit. Font size, spacing and layout should work together to create an elegant, legible text setting in each viewport. But how? We asked seven leading web designers.

 

 


Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

9 responsive design mistakes you don't want to make

9 responsive design mistakes you don't want to make | responsive web design | Scoop.it
Whether you’re designing a small company website or reworking an ecommerce platform, let’s explore some mistakes you definitely want to avoid on your next responsive Web design project.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Simple Responsive Tabs With JavaScript & CSS - Call Me Nick

Simple Responsive Tabs With JavaScript & CSS - Call Me Nick | responsive web design | Scoop.it

Tabbed layouts are a great way to house a lot of related content in a small, compact area. In this tutorial, we're going to build a responsive tabbed layout using CSS and JavaScript, and implement a basic no-js fallback.

 

 


Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Designing For Multiple Devices

You only need to worry about creating one single website that has a great multi-device design; however, this is something that requires a completely different way of designing and developing altogether. Responsive design is the key.


Via gonzodesign
more...
Local Top Rank's curator insight, October 15, 2015 12:00 AM

Tips on how to responsive design for multiple mobile devices #responsivedesigning #mobilewebdesign

 

Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Responsive design mistakes—and how to fix them - InVision Blog

Responsive design mistakes—and how to fix them - InVision Blog | responsive web design | Scoop.it
If there’s only one thing you take away from this article, make sure it’s this: you need to think about your designs.

Now, we usually wouldn’t recommend overthinking anything. But with design work, a meticulous thought process leads to great responsive designs.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

What’s the Future of Responsive Web Design? - Tuts+ Web Design Article

What’s the Future of Responsive Web Design? - Tuts+ Web Design Article | responsive web design | Scoop.it
What is responsive web design about if not accessibility? Yes, its fundamental tenets are concerned with visual design, but in terms of the big picture, they’re all about providing the best possible reading experience.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Front-End Principles for Designers | Jon Yablonski

This mind set is dogmatic and fails to ask the right question, which is what principles do designers need to understand to create better designs?

Via gonzodesign
more...
No comment yet.
Scooped by wolfgang gauss
Scoop.it!

Responsive Web Design: Where Do We Go From Here?

Responsive Web Design: Where Do We Go From Here? | responsive web design | Scoop.it
Microsoft's Aaron Gustafson explains the challenge of truly responsive web design aimed at as many users as possible.
more...
No comment yet.