Responsive design...
Follow
8.9K views | +0 today
Responsive design & mobile first
Ressource, articles, techniques responsives
Your new post is loading...
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!

Read List : Adaptive Web Design

Essential reading & explorations in crafting adaptive user experiences.
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!

Responsive image proposals gather pace | .net magazine

Responsive image proposals gather pace | .net magazine | Responsive design & mobile first | Scoop.it
Responsive image proposals gather pace...
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.
Scooped by Agathe-Sevegrand
Scoop.it!

Learning Responsive Design: 5 Things To Get You Going | Business 2 Community

Learning Responsive Design: 5 Things To Get You Going | Business 2 Community | Responsive design & mobile first | Scoop.it
You may have heard that responsive design, much like apps and mobile websites previously, is the new “it” thing that companies are increasingly inquiring...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Really Responsive Design and the Frameless Grid | Pete Wailes

Really Responsive Design and the Frameless Grid | Pete Wailes | Responsive design & mobile first | Scoop.it
Many years ago, the web was a simpler place, in terms of design. After all, it’s quite hard to bring anything of visual beauty to your users, when your canvas is monospaced syntax-highlighted text, and nothing else.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design vs Adaptive Web Design | b2bmarketing.net

As anyone who is clued up about digital marketing will tell you, mobile has landed, and is here to stay. Recent studies reveal that mobile traffic accounts for roughly 12.5% of all visitors to websites and is on the rise. Just take a look at your own Google Analytics and you’ll see the same trends on your site. So why does it matter? Well, chances are if you haven’t done anything to accommodate your new mobile visitors, you’ll find that their bounce rates are significantly higher than those of desktop and laptop visitors. In fact, if you are likely to be getting next to zero value from your smartphone surfers. Like most B2B companies, your website will be your primary ‘shop-front’, so if 1 in 10 of your visitors were leaving because they don’t like your store layout, surely you would consider redecorating?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Embracing the Flexibility of the Web With 'Responsive Enhancement' | Webmonkey | Wired.com

Embracing the Flexibility of the Web With 'Responsive Enhancement' | Webmonkey | Wired.com | Responsive design & mobile first | Scoop.it
Fluid grids, flexible images and media queries are the cornerstones of responsive web design, but as developer Jeremy Keith points out web developers need to have a responsive mindset as well, embracing the inherent fluidity of the web.
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!

Wireframing for the Responsive Web // Speaker Deck

Wireframing for the Responsive Web // Speaker Deck | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Read List : Responsive Enhancement

Read List : Responsive Enhancement | Responsive design & mobile first | Scoop.it
Progressive Enhancement and Responsive Design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Debugging CSS Media Queries Johan Brook

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!

Grids, flexibility and responsiveness | Laura Kalbag

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

Case study : Rebuilding a university homepage to be "responsive". Twice. In less than a year. // Speaker Deck

Case study : Rebuilding a university homepage to be "responsive". Twice. In less than a year. // Speaker Deck | Responsive design & mobile first | Scoop.it
The history of Notre Dames two responsive (RWD) homepages, how we got to where we are, and some yelling about building responsive sites responsibly.

For more info about the conference, context to the slides and to watch a recording, visit http://bit.ly/heweb12-wg
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Setup to Build Responsive Websites

You cannot have a responsive site without a responsive design. I recommend taking a mobile first approach because it forces you to focus on the most critical elements in your app.
more...
No comment yet.