responsive web de...
Follow
Find
48 views | +0 today
Your new post is loading...
Your new post is loading...
Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

How to Convince Your Boss to Switch to Responsive Web Design

How to Convince Your Boss to Switch to Responsive Web Design | responsive web design | Scoop.it
While most digital marketers today would argue that Responsive Web Design (RWD) and development is a necessity for successful businesses, there are still some designers and decision makers who insist on dragging their feet.

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

How to Create a Responsive Email Template - Designmodo

How to Create a Responsive Email Template - Designmodo | responsive web design | Scoop.it
While the support for HTML5 and CSS3 is limited on email design, the best way to create a responsive email template is by taking the old way of creating layouts — using tables, internal CSS, inline CSS and media queries.

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

Approaches to Media Queries in Sass | CSS-Tricks

Using media queries in CSS as part of responsive websites is bread and butter stuff to todays front-end developer. Using preprocessors to make them more comfortable to write and easier to maintain has become common practice as well.

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

Responsive Type With Only CSS — Medium

Responsive Type With Only CSS — Medium | responsive web design | Scoop.it
It is actually very simple. One unit is equal to 1% of either the viewport’s width vw or height vh. You can also set a min and max with vmin and vmax.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from New Customer - Passenger Experience
Scoop.it!

Blurring the lines between #Digital & Physical to deliver the best #CustExp!

Blurring the lines between #Digital & Physical to deliver the best #CustExp! | responsive web design | Scoop.it
After what most would consider a brutal holiday shopping season last year thanks to a well-publicized data breach, Target is rebounding with a slew of mobile and digital investments aimed at driving foot traffic.

Via Eric_Determined / Eric Silverstein
more...
Eric_Determined / Eric Silverstein's curator insight, December 10, 2014 3:48 AM

With brands such as @Target leveraging #mobile games with in-store experience through unique codes to unlock the next level, it's important for the future of retail to blend digital with physical, do you agree?


I had posted a previous article of successful campaigns from @MarcJacobs & @Nordstrom leveraging their social engagement via @Twitter & @Pinterest to drive results:


http://sco.lt/8p3ds9 "How to Link Social Engagement with Real Business Results"


Share your thoughts.

Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Thoughts About Responsive Navigation On Mobile Devices - Vanseo Design

We have some good ideas, but the ideas still need refinement. The patterns I like for mobile navigation tend to be off-canvas, navigation at the bottom, triggered by gestures. I suspect we’ll use all three in whatever becomes a common pattern.

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

Creating a Full Width Responsive Tiled Menu with CSS

Creating a Full Width Responsive Tiled Menu with CSS | responsive web design | Scoop.it
We show you how to make a full width responsive tiled menu with CSS, with some JavaScript to show/hide the navigation on smaller screens.

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

Responsive Images Revisited—High Resolution Images

Responsive Images Revisited—High Resolution Images | responsive web design | Scoop.it
What makes for a high resolution image? Is it the pixels per inch (ppi)? Is it the dots per inch (dpi)? What distinguishes an image as @1x, @2x, or @3x? If we’re going to create pixel dense images for high resolution devices, it probably makes sense to understand a little about what is a high resolution image.

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

Much Ado About Hamburger Icons -

Much Ado About Hamburger Icons - | responsive web design | Scoop.it
Much has been written of late in regards to the embattled “hamburger” icon. It shows up all over the web and abounds in mobile apps, all the while Apple says it’s a bad idea after implementing half of one on their own site and then backtracking on their responsive design implementation altogether. It’s all quite confusing, and, honestly, I find it to be much ado about nothing.

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

Rethinking Icon and Logo Design for the Responsive Web

Rethinking Icon and Logo Design for the Responsive Web | responsive web design | Scoop.it
This article will look in detail at one aspect of RWD, rethinking icons and logos responsively and how to approach their design.

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

Responsive Web Design Tools And Resources That Will Help You

Responsive Web Design Tools And Resources That Will Help You | responsive web design | Scoop.it
There are also many resources where designers can go for help and knowledge. Here I will give you some of the best responsive web resources and responsive web tools that I have found.

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

Responsive Images in Practice

Responsive Images in Practice | responsive web design | Scoop.it
Together, these features let us mark up adaptable, flexible, responsive images. They let us send each of our users a source tailored to his or her device, enabling huge performance gains. Armed with a superb polyfill and an eye toward the future, developers should start using this markup now!

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

Crafting Off-Canvas Navigation For Responsive Sites

Crafting Off-Canvas Navigation For Responsive Sites | responsive web design | Scoop.it
After you’ve squeezed and merged every element on your page in an ever-decreasing viewport, there’s just two places left to go: outside, or underneath.

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

Tour of a Performant and Responsive CSS Only Site | CSS-Tricks

Tour of a Performant and Responsive CSS Only Site | CSS-Tricks | responsive web design | Scoop.it

We wanted to develop our new website to be responsive, mobile friendly, and easily load on even 2G networks using only HTML and CSS. In this article we'll tell you about the challenges we faced in both design and speed optimization of the site, and how we overcame them.


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

Community Project: Responsible Redesign for the New Year - Tuts+ Web Design Article

Community Project: Responsible Redesign for the New Year - Tuts+ Web Design Article | responsive web design | Scoop.it
The beginning of 2015 is the perfect time to get responsible, so let’s do so as a community! We’re asking you to improve your websites and share the results.

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

Measuring Your Site's Responsive Breakpoint Usage — Philip Walton

If your site is built using responsive design, measuring and understanding how your users are interacting with your site at the various breakpoints is critical to making informed design decisions in the future.

Via gonzodesign
more...
No comment yet.
Rescooped by wolfgang gauss from M-learning, E-Learning, and Technical Communications
Scoop.it!

Mobile-Friendly Test


Via Danielle M. Villegas
more...
Danielle M. Villegas's curator insight, December 11, 2014 11:32 AM

I'm sure my site doesn't, but that's something I'll have to correct in the near future. In the meantime, this is a Google Developers test you can use to test to see if your website is mobile-friendly. Thanks to Marta Rauch for passing this one along! 

--techcommgeekmom

Rescooped by wolfgang gauss from Responsive WebDesign
Scoop.it!

Responsive Type With Only CSS — Medium

Responsive Type With Only CSS — Medium | responsive web design | Scoop.it
It is actually very simple. One unit is equal to 1% of either the viewport’s width vw or height vh. You can also set a min and max with vmin and vmax.

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

Responsive Images Demo—Srcset, Picture, and Image-Set - Vanseo Design

Responsive Images Demo—Srcset, Picture, and Image-Set - Vanseo Design | responsive web design | Scoop.it
I found it easy to work with srcset, sizes, picture, source, and image-set(). It’ll take a little practice to feel comfortable, but it really is easy once you have that practice under you belt.

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

The Ultimate Guide to Responsive Web Design

The Ultimate Guide to Responsive Web Design | responsive web design | Scoop.it
I’ve organized this guide with helpful tips, codes, plugins, and design examples to better explain responsive web design. This article should provide a large swath of information beneficial to anyone new or well-versed in responsive techniques.

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

Making a Case for Mobile First Designs

Making a Case for Mobile First Designs | responsive web design | Scoop.it
While I’ve been saying “mobile” first, do note that the principles are not really limited to “mobile” devices. It’s all about better usability, better use of screen real estate and better use of page elements and code – things we should always keep at the forefront, but which often get buried under the bling.

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

Rethinking Icon and Logo Design for the Responsive Web

Rethinking Icon and Logo Design for the Responsive Web | responsive web design | Scoop.it
This article will look in detail at one aspect of RWD, rethinking icons and logos responsively and how to approach their design.

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

M dot or RWD. Which is faster?

M dot or RWD. Which is faster? | responsive web design | Scoop.it
M dot site load times suffer from the initial redirect, but generally are much smaller in request and KB count. RWD sites are the opposite: no redirect, but heavy on the requests and tonnage. That leads to a question that was discussed at a panel at Velocity Conference: Which is faster: M dot or RWD?

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

9 basic principles of responsive web design

9 basic principles of responsive web design | responsive web design | Scoop.it
Designing in pixels for Desktop and Mobile only is also the past, as more and more gadgets can open up a website. Therefore, let's clarify some basic principles of responsive web design here to embrace the fluid web, instead of fighting it. To keep it simple we'll focus on layouts

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

Can Responsive Website Design Change the Fortunes of your Business? - Design Reviver - Web Design Blog

Can Responsive Website Design Change the Fortunes of your Business? - Design Reviver - Web Design Blog | responsive web design | Scoop.it
Today, more than 17% of all web traffic comes from mobile devices. There is every indication that the number of people using mobile devices for internet access will keep growing exponentially.

Via gonzodesign
more...
No comment yet.