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!

Building Smartphone-Optimized Websites - Webmasters — Google Developers

This page describes different approaches to using JavaScript and how they relate to Google's recommendation of using responsive web design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Mobile Site vs. Full Site (Jakob Nielsen's Alertbox)

Good mobile user experience requires a different design than what's needed to satisfy desktop users. Two designs, two sites, and cross-linking to make it all work.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Designers respond to Nielsen on mobile | News | .net magazine

Nielsen's recommendation that publishers build separate mobile sites has been met with astonishment from the industry...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Re-thinking Breakpoints in Responsive Design | Palantir.net

Re-thinking Breakpoints in Responsive Design | Palantir.net | Responsive design & mobile first | Scoop.it
As someone who’s been thinking about responsive design theory and building fluid CSS grids with media queries for the last six months or so, I began to notice that I was spending a lot of time and effort massaging my media queries to get things to scale nicely.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | An Event Apart: The Responsive Designer’s Workflow

In his presentation at An Event Apart in Atlanta, GA 2011 Ethan Marcotte talked about applying responsive web design principles and workflows to the redesign of a major newspaper Web site. Here's my notes from his talk on The Responsive Designer’s Workflow:
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Top 10 Free Responsive Image Galleries/Slideshows

Top 10 Free Responsive Image Galleries/Slideshows | Responsive design & mobile first | Scoop.it
We’re kicking off Week 2 of our Responsive Web Design series with this beautiful showcase of responsive image galleries and slideshows.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Typography: The Basics | Information Architects

Responsive Typography: The Basics | Information Architects | Responsive design & mobile first | Scoop.it
When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

9 Useful Free PDF Ebooks About Responsive Web Design | Design Inspiration

9 Useful Free PDF Ebooks About Responsive Web Design | Design Inspiration | Responsive design & mobile first | Scoop.it
Web is going mobile so rather than developing different versions of websites,a single version website which adapts itself according to specific devices is the...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How Much Does a Responsive Web Design Cost? | Brad Frost Web

How Much Does a Responsive Web Design Cost? | Brad Frost Web | Responsive design & mobile first | Scoop.it
The fact is that responsive web design costs more…than doing nothing. Sure, you could continue building sites the old fashioned way and ignore the multitude of web-enabled devices accessing the web now and in the future. But this is 2012. At the very least a web experience should have at least some mobile consideration, and at the very most a site should be full-on mobile optimized.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Creating a Mobile-First Responsive Web Design - HTML5 Rocks

Creating a Mobile-First Responsive Web Design - HTML5 Rocks | Responsive design & mobile first | Scoop.it
A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Faut-il opter pour un site en responsive design ou des versions séparées ?

Au regard de la multiplication du nombre de support permettant de surfer sur le web, il est important de disposer d’un site non seulement accessible mais également ergonomique quelque soit le suppo...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Comment cibler les mobiles de manière optimale ? (bis)

Suite à quelques expérimentations personnelles concernant les performances de chargement des ressources sur smartphones et tablettes, j’en suis venu à reconsidérer ma première méthode de ciblage des...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Luke Wroblewski on mobile first | Interview | .net magazine

Luke Wroblewski on mobile first | Interview | .net magazine | Responsive design & mobile first | Scoop.it
In the last few years, Luke Wroblewski’s ‘mobile first’ philosophy of web design has radically changed the way we go about building online experiences.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Nielsen is wrong on mobile | Opinion | .net magazine

Nielsen is wrong on mobile | Opinion | .net magazine | Responsive design & mobile first | Scoop.it
Designer, developer and mobile maven Josh Clark tells us that rather than stripping down, we should be asking how we can do more with the mobile experience...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog

» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog | Responsive design & mobile first | Scoop.it
A core tenet of Responsive Web Design (RWD) is fluidity and proportion. Instead of using fixed-width layouts, we enlightened web devs and designers use percentages in our CSS. Font units aren’t pixels or points anymore, they’re percentages (typically for top-level baseline reset) or, more often, ems.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design’s Dirty Little Secret | Palantir.net

The truth is that fluid grids are broken. Well… perhaps just cracked a bit. Responsive Web design, as Ethan Marcotte defines it, is simply a fluid grid, fluid images and media queries. But fluid grids have a dirty little secret: rounding errors. As we lay out our columns in percentages, browsers have to translate that into actual device pixels to fit in the viewport. And Chrome, Safari, other WebKit browsers, Opera, and the usual suspects (IE 6 and 7) all produce “errors”.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design: Responsive Videos

With video becoming popular on many sites, responsive videos that can adapt to screen sizes and different browsers is becoming important. Learn how to do it.

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

Do Mobile And Desktop Interfaces Belong Together? - Smashing Mobile | Smashing Mobile

When unifying a website, you have to solve problems other than how the interfaces will appear in different browsers.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need

It’s our job, as designers and developers, to pick apart even the seemingly most simple tasks to find ways to improve them. When Ethan Marcotte coined “responsive web design,” he said that a responsive website is made up of three things: a flexible grid, flexible images and media, and media queries. In doing so, he opened up a world of new and exciting things to obsess over. I chose flexible images.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Creating a Mobile-First Responsive Web Design

As the web landscape becomes increasingly complex, it’s becoming extremely important to deliver solid web experiences to a growing number of contexts. Thankfully, responsive web design gives web creators some tools for making layouts that respond to any screen size. We’ll use fluid grids, flexible images and media queries to get the layout looking great regardless of the size of the device’s screen dimensions
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Template responsive design gratuit à télécharger - thème adaptatif -

Template responsive design gratuit à télécharger - thème adaptatif - | Responsive design & mobile first | Scoop.it
Cela faisait longtemps que je souhaitais mettre en ligne un exemple de thème responsive. Le temps passe vite mais le voici.
Pour illustrer cette démo j'ai choisi comme thème la musique.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

media queries et performances web mobile

media queries et performances web mobile | Responsive design & mobile first | Scoop.it
Ce billet fait suite à mes expérimentations continues concernant la performance web pour les mobiles. J’en étais arrivé à un billet nommé “comment cibler les mobiles de manière optimales (bis)...
more...
No comment yet.