Responsive design & mobile first
10.2K views | +0 today
Responsive design & mobile first
Ressource, articles, techniques responsives
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design: 6 Tips to Improve Performance and UX

Responsive Web Design: 6 Tips to Improve Performance and UX | Responsive design & mobile first | 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...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Image Container: A Way Forward For Responsive Images?

Responsive Image Container: A Way Forward For Responsive Images? | Responsive design & mobile first | Scoop.it
Responsive Image Container, a prototype of an image format for responsive images: what it does, what it cannot do, how it works, and its advantages and disadvantages relative to markup solutions.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Killer Responsive Layouts With CSS Regions

Regions is a new layout tool that will prove useful for allowing new capabilities for responsive design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Lightening Your Responsive Website Design With RESS

Lightening Your Responsive Website Design With RESS | Responsive design & mobile first | Scoop.it
This article will show you how to use RESS to make your RWD pages load faster and work on more devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Automate Your Responsive Images With Mobify.js

Automate Your Responsive Images With Mobify.js | Responsive design & mobile first | Scoop.it
This article introduces Mobify.js, an Image API with a responsive image solution that automatically generates small images for small devices from a single high-resolution image and is 100% semantic and backwards-compatible.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Creating a Mobile-First Responsive Web Design

We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following:

Why we need to create mobile-first, responsive, adaptive experiencesHow to structure HTML for an adaptive site in order to optimize performance and prioritize flexibilityHow to write CSS that defines shared styles first, builds up styles for larger screens with media queries, and uses relative unitsHow to write unobtrusive Javascript to conditionally load in content fragments, take advantage of touch events and geolocationWhat we could do to further enhance our adaptive experience
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Nouveau Photoshop pour faciliter le responsive web design

Nouveau Photoshop pour faciliter le responsive web design | Responsive design & mobile first | Scoop.it
La dernière mise à jour de Photoshop propose une nouvelle technologie Open Source. Objectif : améliorer l'export des calques et faciliter la conception de sites web en responsive design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

4 Tips to Speed Up Your Responsive Website on Mobile

4 Tips to Speed Up Your Responsive Website on Mobile | Responsive design & mobile first | Scoop.it
Introduction: When it comes to multi device web design, you really can’t beat responsive.
more...
UniqueWebsites's curator insight, September 9, 2013 4:24 PM

As many people leave a website that takes more than 3 seconds to load and, as mobile websites can take 2 seconds to establish a radio connection, this only leaves 1 second before you lose an estimated 40% of users. Thus speed for mobile users is all important.

 

This article gives tips for reducing loading time.

Scooped by Agathe-Sevegrand
Scoop.it!

Text-align: Justify and RWD

Text-align: Justify and RWD | Responsive design & mobile first | Scoop.it
Did you know that one of the most powerful tools for fluid, responsive layout has been a native feature of every browser since HTML 4?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design is Solid Gold

A few years ago I wrote an article entitled CSS Media Query for Mobile is Fool’s Gold. It garnered a lot of attention at the time, and I still see people reference it. I've long wanted to write an ...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

CSS3 rem units

Supported by all modern browsers, the CSS3 rem unit allows font size and other properties to be specified against the root element, not just the parent, as is the case for the em unit.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Bootstrap 3 released

Bootstrap 3 released | Responsive design & mobile first | Scoop.it

Today, on the two year anniversary of releasing Bootstrap to the world, we're shipping Bootstrap 3.0. It's been a crazy long ride to say the least and we're stoked to finally have this out in the wild. Thanks to everyone who's tested our RCs (er, betas), reported bugs, and contributed code. We couldn't have done it without you beautiful nerds.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Navigation On Complex Websites

Responsive Navigation On Complex Websites | Responsive design & mobile first | Scoop.it
In this article, Jon Rundle illustrates the techniques involved in implementing responsive navigation on a large website by refering to the examples of two his actual clients.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Addressing The Responsive Images Performance Problem: A Case Study

Addressing The Responsive Images Performance Problem: A Case Study | Responsive design & mobile first | Scoop.it
In this article, we will share our responsive image technique, the “padding-bottom” technique, which we researched and implemented on the mobile version of the Swedish news website Aftonbladet.
more...
No comment yet.
Rescooped by Agathe-Sevegrand from Performance Web : front-end & UI-UX
Scoop.it!

Adaptive Web Design vs. Responsive Web Design | Skyrkt

Adaptive Web Design vs. Responsive Web Design | Skyrkt | Responsive design & mobile first | Scoop.it

 

___________________________________

-Receive a FREE daily summary of The Marketing Technology Alert directly to your inbox. To subscribe, please go to http://ineomarketing.com/About_The_MAR_Sub.html  (your privacy is protected).

-If you like this scoop from The Marketing Technology Alert (brought to you by iNeoMarketing), PLEASE share by using the links below.

 


Via Joe Rizzo, Visual3d
more...
Joe Rizzo's curator insight, October 24, 2013 7:53 PM

Tough call. If you've got the time and resources, then AWD is the way to go. Otherwise RWD is your choice. If you have an agency working for you, you may want to quiz them on providing AWD.

Brice Gilbert's curator insight, November 4, 2013 3:10 AM

Well designed poster ! Be aware from your choice between AWD & RWD.

Scooped by Agathe-Sevegrand
Scoop.it!

Selling Responsive Web Design To Clients

Selling Responsive Web Design To Clients | Responsive design & mobile first | Scoop.it
The title of this article, and the concept of “selling” responsive website design, may sound like a shady salesman attempting to convince a customer to purchase something they do not need.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Knowledge Hub

A comprehensive resource of examples, tutorials, templates, and frameworks for web designers learning how to use responsive design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

7 Habits of Highly Effective Media Queries | Brad Frost Web

7 Habits of Highly Effective Media Queries | Brad Frost Web | Responsive design & mobile first | Scoop.it

As we all know, media queries are responsive design’s secret sauce. Here are some considerations for crafting high-quality media queries

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Mobile Optimization Beats Responsive Design as Best M-Commerce strategy

PALO ALTO, California, September 3, 2013 /PRNewswire/ -- Mobile Optimization Beats Responsive Design as Best M-Commerce Strategy, According to New White Paper by Shopgate.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive web design: 6 experts, 4 questions

Helen Bailey of TemplateMonster asked Brad Frost, Tim Kadlec, Ben Callahan, Aaron Gustafson, Dan Mall and David Rupert the same four questions about RWD
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

You use a Retina display and want to know what your dev look like in à 1 pixel device ? Try BlindBrowser

You use a Retina display and want to know what your dev look like in à 1 pixel device ? Try BlindBrowser | Responsive design & mobile first | Scoop.it

You're a web developer. You use a retina display. You want to see what your site looks like on a 1x display.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Images with Apropos

Responsive Images with Apropos | Responsive design & mobile first | Scoop.it

When Square’s front-end engineering team was building our Japanese website, we decided early on that we needed to support a wide variety of devices, and that responsive design was the right way to do that. (Who wants to support a completely separate “mobile site”?) However, we weren’t sure how we would serve every visitor the appropriate version of the gorgeous images shot by our talented photographers.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

FlowType.JS, Responsive web typography at its finest : font-size and line-height based on element width

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design Testing Tool - pixeltuner.de

Responsive Web Design Testing Tool. A handy tool for responsive design testing.
more...
No comment yet.