Responsive design & mobile first
10.1K 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!

Adaptive Content Management | Journal | The Personal Disquiet of Mark Boulton

Yesterday at Web Directions South in Sydney, I gave a talk about Adapting to Responsive Design. I didn’t talk about media queries, responsive images or fluid grids (yes, I know – that’s not like me). Instead, I talked about some of the other things that responsive design challenges: process, business, advertising and content. In the fifteen minute segment on content, I very briefly touched on something I’ve been thinking about for an awfully long time: content management.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Quick Tip: Don’t Forget the Viewport Meta Tag | Webdesigntuts+

I remember my maiden voyage into responsive web design; I'd used a classic grid, wrestled with a flexible layout, and tackled media queries for the first time.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

[mobile first] Quelques tests de chargement conditionnel

En direct de Paris-Web 2012 et suite à la très intéressante conférence de Vitaly Friedman (Smashing Magazine) au sujet du Responsive Web Design, ma voisine et moi avons réalisé quelques tests et...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Pricing Tables Using :target for Small Screens | Webdesigntuts+

Responsive Pricing Tables Using :target for Small Screens | Webdesigntuts+ | Responsive design & mobile first | Scoop.it
Pricing tables can be a very effective means of displaying information and helping users differentiate the options available to them.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Why Responsive Design is Not Built for the User

Why Responsive Design is Not Built for the User | Responsive design & mobile first | Scoop.it
Responsive design is not the comprehensive solution that some marketers believe it is, argues Hipcricket's Jeff Hasen.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Web2day 2012 – Astuces Responsive Design

Web2day 2012 – Astuces Responsive Design | Responsive design & mobile first | Scoop.it
Si vous suiviez en juin 2012, vous avez surement vu passer un article sur le Responsive design que j’avais rédigé lors du Web2Day. #web2day Design Responsive pour préparer le futur. Et bien la bonne nouvelle c’est que la vidéo de la conférence est disponible.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

When it comes for RWD, Blame the implementation, not the technique - TimKadlec.com

— October 4, 2012 — Blame the Implementation, Not the Technique Stop me if you’ve heard this one before.

“Responsive design is bad for performance.”
“User agent detection is bad. Don’t segment the web.”
“Hybrid apps don’t work as well as native apps.”
“CSS preprocessors shouldn’t be used because they create bloated CSS.”
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Museum Week

Responsive Museum Week | Responsive design & mobile first | Scoop.it
Du 15 au 24 octobre 2012, remixez les sites des grands musées. Pour les rendre modernes, responsives, mobiles !
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

La variété des écrans appelle un design flexible

La variété des écrans appelle un design flexible | Responsive design & mobile first | Scoop.it
6.569 résolutions d’écran répertoriées au total !!!
Faut-il développer 6.569 versions de votre site web ?

Évidemment non ! Le « responsive design » consiste à développer des mises en page flexibles, qui s’adaptent à la multitude des conditions d’affichage.

Fini le temps où on optimisait une page web pour la résolution « standard » ! Préhistoriques, les discussions qui visent à trancher entre calibrer son site sur du 800 x 600 pixels ou sur du 1024 x 768.

En matière d’écran, il n’y a plus de standard. La résolution « dominante » pèse à peine 16% d’utilisation.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design at the Guardian: an introduction

Responsive design at the Guardian: an introduction | Responsive design & mobile first | Scoop.it
An overview of what responsive design is and how we're planning to make use of it at the Guardian...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Three Nonprofits Pioneering Responsive Web Design

Three Nonprofits Pioneering Responsive Web Design | Responsive design & mobile first | Scoop.it
Responsive web design (often abbreviated to RWD) is defined as an approach to web design in which a designer intends to provide an optimal viewing experience — easy reading and navigation with a mi...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Build a Responsive, Filterable Portfolio, with CSS3 Twists | Webdesigntuts+

Build a Responsive, Filterable Portfolio, with CSS3 Twists | Webdesigntuts+ | Responsive design & mobile first | Scoop.it
The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Proto: Rapid Prototyping for Responsive Web Design

Simple HTML & SCSS rapid prototyping toolkit for responsive web design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design Guidelines and Tutorials | Smashing Magazine

Learn what responsive Web Design is and how to use it, how to deal with media queries and adapt responsive Web Design techniques, tools and strategies.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The new elephant: Image Quality and Retina Displays | Responsive Images Community Group

The new elephant: Image Quality and Retina Displays | Responsive Images Community Group | Responsive design & mobile first | Scoop.it
Several posts are being passed around regarding the 3rd generation iPad’s Retina graphics holding a direct light to how compressed our images are on the web.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design with paper

Responsive design with paper | Responsive design & mobile first | Scoop.it
'Responsive design with paper' posted by Alexander Baxevanis on 19 October 2012. Read day-to-day thoughts on user experience, web design & the digital sector.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

IE10 Snap Mode and Responsive Design

IE10 Snap Mode and Responsive Design Maximiliano Firtman has done an excellent job providing an overview of what to …...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A simple guide to responsive typography | Webdesigner Depot

A simple guide to responsive typography | Webdesigner Depot | Responsive design & mobile first | Scoop.it
The vast majority of articles talking about responsive design focus on two main areas: a fluid, flexible grid, and fluid, flexible images.
more...
No comment yet.