Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, visuelles mettre en place

Nouveaux comportements des consommateurs

quelles eacutevolutions techniques ergonomiques visuelles mettre en place

Jeudi 7 avril 2016

Organiseacute en partenariat avec E-COD Ecole Professionnelle de la CCI de Bordeaux

Connexion wifi salle Margaux 33-WorldSom(Bd9

Etude de faisabiliteacute veille aide au cahiers des charges pour site webhellip

Mise en œuvre (audit de site strateacutegie de preacutesence en ligne gestion de la e-reputationhellip)

Actions e-marketing (reacuteseaux sociaux e mailing marketing newsletter Gestion de la relation client)

Appui juridique (permanence drsquoavocats du numeacuteriquehellip)

Appui agrave la deacutemateacuterialisation des eacutechanges de donneacutees et agrave la seacutecurisation

Recherche de financements

wwwbordeauxccifr polenumerique

05 56 79 5000

Le Pocircle numeacuterique au service de la Transformation numeacuterique des entreprises

Nos conseillers vous accompagnent tout au long de votre projet

Evolution du web

Quelles solutions ergonomiques estheacutetiques et techniques

Le point de vue drsquoun inteacutegrateur

Thomas Catinaud inteacutegrateur web - formateur

thomascatinaudcom

hellothomascatinaudcom

Thomas Catinaud

Inteacutegrateur web (ou le plus beau meacutetier du monde)

laquo Lrsquointeacutegrateur Web est chargeacute de traduire et de transposer les

maquettes fournies par lrsquoeacutequipe graphique dans un langage informatique le HTML Il compose la mise en page du site Web en y

inteacutegrant les eacuteleacutements des maquettes graphiques textes sons

images Il participe agrave la qualiteacute du site dans le respect des normes

drsquoaccessibiliteacute de reacutefeacuterencement et drsquoergonomieraquo

Portail des meacutetiers de lrsquoInternet

httpwwwmetiersinternetgouvfrmetierintegrateur-web SOURCE

Web designer Inteacutegrateur Deacuteveloppeur

Reacutealise les maquettes graphiques

Creacuteeacute des templates HTML (code cocircteacute client)

programme les fonctionnaliteacutes du site

(code cocircteacute serveur)

Et vous qui ecirctes vous

Avant de commencer

Deux points essentiels

Lrsquoentreprise

Les utilisateurs

Lrsquoentreprise Valeurs

Clients

Marcheacutes

Strateacutegie

Besoins

Objectifs

Positionnement

Concurrents

Produits

Budgets

Les utilisateurs Valeurs

Envies

Objectifs

Budgets

Caracteacuteristiques

Habitudes de navigation

Habitudes de consommation

Deacutefinir ses utilisateurshellip

hellip pour mieux les connaicirctre

Qui sont-ils

Quels sont leurs attentes

Quels sont leurs besoins

Quels sont leurs habitudes de navigations

un utilisateur = un humainun utilisateur nrsquoest pas monsieur-tout-le-monde


une meacutethode efficace

Les personasP e rs o n a s

Personnaliteacutes

Situation maritale marieacutes

Enfants 2 (2 et 5 ans)

Ages 32 (Mei) et 33 (Tao)

Professions professeurs

Nationaliteacute chinois

SiteProvenance bouche agrave oreille

Fonctionnaliteacute reacuteservation

Page deacutecouvrir chambre reacuteservation

Technique ordinateur tablette smartphone

Voyage

Dureacutee 1 semaine

Date aoucirct

Activiteacutes shopping visites plages

Mei et Tao NiuMei et Tao veulent partir en vacances en France Ils ont choisi Bordeaux car

crsquoest une petite ville comprenant toutes les commoditeacutes plages (Arca-

chon) visites de chateaux shopping etc

Voyage avec les enfants

Deacutepaysement

Restons accessible

Tout le monde peut acceacuteder au contenu des sites et applications web de faccedilon eacutegale

quelque soit son handicap

scleacuterose en plaque

sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie

infirmiteacute motrice ceacutereacutebrale

spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie

hypochondriaqueeacutepilepsie


sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui

De nouveaux supports

De nouvelles attentes de la part des utilisateurs

De nouvelles probleacutematiques

Lrsquoeacutevolution des mobiles

Une augmentation fulgurante

Lrsquoaccegraves agrave lrsquoInternet mobile double chaque anneacutee

Gartner

httpwwwgartnercomnewsroomid2977917SOURCE

+183 drsquoaugmentation de revenus sur mobiles

en 2015 pour Alibaba


StatCounter

httpgsstatcountercom SOURCE


Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski

httpwwwlukewcomffentryasp1841 SOURCE

The mobile moment

Adwords laquo Building for the next moment raquo - 5 mai 2015

httpadwordsblogspotfr201505building-for-next-momenthtml SOURCE

laquo And at these times consumers are increasingly picking up their

smartphones for answers In fact more Google searches take place

on mobile devices than on computers in 10 countries including the

US and Japan This presents a tremendous opportunity for marketers

to reach people throughout all the new touchpoints of a consumerrsquos

path to purchase raquo

Des supports diffeacuterents

Saisie Ecran Configuration Connexion

Ordinateur Clavier sourisGrande - tregraves grande

taille(gt 10)

Outils puissants Stable (Ethernet WIFI fibre hellip)

Tablette Ecran tactile clavier (optionnel)

Taille moyenne(sans compter lrsquoiPad

Pro)(7 agrave 12)

Outils moins puissants

Stable (WIFI fibre hellip)

Smartphone Ecran tactile clavier numeacuterique

Petite taille(lt6)


Aleacuteatoire

Des utilisations diffeacuterentes

Utilisation Environnement

Ordinateur Utilisation prolongeacutee assis sur un bureau Stable

Tablette Utilisation informelle sur le canapeacute ou au lit Relativement stable

Smartphone Bregraveves salves drsquoactiviteacutes dans des lieux divers au fil de la journeacutee

Aleacuteatoire

Des utilisations agrave des moments diffeacuterents

Pocket

httpsreaditlaterlistcomblog201101is-mobile-affecting-when-we-read SOURCE

Desktop un environnement - geacuteneacuteralement - bienveillant

Mobile un environnement - parfois - hostile

La taille compte (comme quoi)

Des curseurs diffeacuterents

Desktop (souris)

Mobile (doigt)

1 pixel (ou presque)

Plusieurs pixels


Les bateaux mouches

httpwwwbateaux-mouchesfrfrSOURCE


Les bateaux mouches


Espacer les eacuteleacutements cliquables

Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien

Ameacuteliorer la lisibiliteacute du texte

Des paragraphes trop larges reacuteduisent la lisibiliteacute Compter en moyenne 60 caractegraveres par ligne

Wikipeacutedia - JRR Tolkien

httpsfrwikipediaorgwikiJ_R_R_TolkienSOURCE


Dorigati

httpwwwdorigatiiten SOURCE

Le texte justifieacute sur des petites largeurs reacuteduit la lisibiliteacute

X


Dorigati


Un contenu lisible

URSSAF

httpswwwurssaffrportailhomehtml SOURCE

Un corps de texte suffisamment grand Agrave minima 14px sur mobile (deacutepend de la typographie)

X

Un contenu lisible

Korben

httpkorbeninfoSOURCE

Le survol du curseur nrsquoexiste pas sur mobile

Deacutelit de mode

httpwwwdelitdemodecom SOURCE

Touch me now

Le sous menu est inaccessible sur mobile le clic sur un onglet du menu charge une nouvelle page sur tous les supports

Cdiscount

httpwwwcdiscountcom SOURCE

Touch me now

Sur mobile le clic drsquoun menu ne change plus la page mais ouvre le sous menu

Les sites web doivent eacutevoluer

Un exemple avec Mail Chimp2001 2016

Mail Chimp httpmailchimpcom

UX Timeline httpuxtimelinecomSOURCE

Comment ecirctre preacutesent sur

ces supports

Plusieurs solutions existent

laquo Application native raquo

Comscore laquo The US Mobile App Report raquo - 21 aoucirct 2014

httpwwwcomscorecomInsightsPresentations-and-Whitepapers2014The-US-Mobile-App-ReportSOURCE



bull Utilise au maximum les caracteacuteristiques de lrsquoappareil (accegraves aux contacts aux paramegravetres etc)

bull Des applications tregraves performantes

bull Une utilisation optimiseacutee pour le support

Les plus

bull Demande une validation sur certaines plateformes de teacuteleacutechargement

bull Des languages diffeacuterents en fonction des plateformes de teacuteleacutechargement

bull Doit ecirctre teacuteleacutechargeacutee sur une plateforme

bull Les mises agrave jour doivent parfois ecirctre valideacutees par lrsquoutilisateur

Les moins


Site deacutedieacute

BlaBlaCar - version desktop

httpswwwblablacarfr SOURCE


BlaBlaCar - version mobile

httpsmblablacarfr SOURCE


bull Du contenu optimiseacute pour chaque version

bull Une expeacuterience utilisateur optimiseacutee pour chaque version

bull Des performances optimiseacutees

bull Une url diffeacuterente pour chaque version

Les plus


bull Du contenu dupliqueacute non SEO friendly

bull Une mise agrave jour lourde

bull Une orientation vers la bonne version pas toujours pertinente

Les moins

Responsive web design

httpmonsitecom

Well the way they make shows is they make one show That shows called a pilot Then they show that show to the who make shows and on the strength of that one show they decide if theyre going to make more shows Some pilots get picked and become television programs Some dont become nothing She starred in one of the ones that became nothing =

+ +

Un seul code source

Plusieurs reacutesolutions

Une seule urlUn seul contenu


Youtube

httpswwwyoutubecomwatchv=yfBJKtUAwIQ SOURCE

bull Pas de contenu dupliqueacute (duplicate content)

bull Un seul code source

bull Maintenance simplifieacutee

bull Coucirct plus inteacuteressant qursquoun deacuteveloppement speacutecifique sur chaque version

Les plus


bull Sites souvent moins performants

bull Accegraves aux caracteacuteristiques du support limiteacutes

Les moins


Quelle(s) solution(s) choisir

Plusieurs solutions possibles


Leboncoin

httpwwwleboncoinfr SOURCE

Doit surtout ecirctre deacutefinie par les attentes des utilisateurs


allons plus loinhellip

Le responsive web design nrsquoest pas

qursquoune histoire de repositionnement

Brad Frost Web - Beyond Media Queries An Anatomy of an Adaptive Web Design Smashing Confeacuterence - 2012

httpsvimeocom55076713 SOURCE

Le contenu avant tout

Teacuteleacutestar

httptelestarfr SOURCE

X


Teacuteleacutestar


X


Publiciteacute pour lrsquoapplication

Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne

httpswwwcaisse-epargnefr SOURCE

X


Les Pages Jaunes

httpwwwpagesjaunesfr SOURCE

X


Publiciteacute pour lrsquoapplication (fixe)

Header (fixe)

Geacuteolocalisation (fixe)

Contenu

Les Pages Jaunes


X

Un contenu directement visible

Hirondelle USA

httphirondelleusaorg SOURCE

X

Deacutebut du contenu


Hirondelle USA - Where We Work

httphirondelleusaorgour-partners SOURCE

X



Semaine digitale de Bordeaux

httpcitedigitalebordeauxfr SOURCE


Adapter le contenu

Arngren

httpwwwarngrennet SOURCE

X

Arngren


XPrioriser le contenu

Steacutephanie Walter

httpswwwstephaniewalterfrSOURCE

Prioriser le contenu


Libeacuteration - vue desktop

httpwwwliberationfr SOURCE


contenu secondaire

contenu secondaire

contenu secondaire




Libeacuteration - vue mobile


Optimiser lrsquoaffichage

Libeacuteration


Affichage desktop Affichage mobile

Une meacutethode efficace

le mobile first

ou commencer par concevoir et deacutevelopper sur les plus petites reacutesolutions

Mobile first

Mobile first

bull Un site souvent plus clair plus lisible

bull Des fonctionnaliteacutes filtreacutees seules les plus importantes doivent rester

bull Une performance ameacutelioreacutee

bull Un code plus clair

Les plus

Mobile first

Steacutephanie Walter - inspireacute de Brad Frost Web

httpsblogstephaniewalterfrfreebies-illustration-strategie-responsive-mobile-first SOURCE

Les points de ruptures entre deux affichages

Les points de ruptures

Capital Public Radio

httpwwwcapradioraffleorg SOURCE

Largeur des eacutecrans0px 320px 600px 800px

Chaque support a ses dimensions

Screen Sizes

httpscreensizes SOURCE

Il est essentiel de

ne pas choisir les points de ruptures en fonction des supports mais

en fonction du contenu

Un processus de creacuteation

diffeacuterent

Processus standardPreacuteparation

AnalyseDeacutefinition du besoin Cahier des charges

Benchmark Utilisateurs cibles

Ergonomie

Zoning Wireframes

Deacutefinition et hieacuterarchisation du contenu Arborescence Tendances graphiques Charte graphique Speacutecifications techniques et fonctionnelles

Recette

Tests Debug

Graphisme

Maquettes graphiques

Inteacutegration

Templates HTMLDeacuteveloppement

Deacuteveloppement de lrsquoapplication

Mise en ligne

Mise en ligne Suivi

De nouvelles contraintes performance experience utilisateurs multi supports etc

Des meacutetiers plus collaboratifs

=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi

Un processus plus flexible

Tests

Tests

Tests

Tests

Creacuteer des prototypes

Prototype de lrsquoagence Heroku - pour le site American Association for Homecare

httpaafh-cssherokuappcomwireframes SOURCE

Utiliser une meacutethode de travail plus agile

Une meacutethode agile le scrum

Stand-up quotidien

Sprint (souvent 2 semaines)

Projet LotsProduit

fini

Mais comment tester

Console Chrome sur le site Iutopi

httpwwwiutopicom SOURCE

Test sur le navigateur

Resizer

httpdesigngooglecomresizer SOURCE

Test sur des sites speacutecialiseacutes

BrowserStack

httpswwwbrowserstackcom SOURCE

Test sur des emulateurs

Luke Wroblewski - directeur produit Google

httpwwwlukewcom SOURCE

Test sur les supports cibles

Performance

Comment se charge une page web

Ordinateur utilisateur

Serveur DNS

Serveur web

Base de donneacutees

1

2

3

4

1 Envoi de la requecircte http (http

monsitecom)

2 Transformation du domaine en adresse IP

(http1270021)

3 Compilation du serveur de lrsquoheacutebergeur

4 Renvoi du site sur le navigateur client

Etape 1 reacutecupeacuteration du document HTML

Etape 2 creacuteation du DOM et chargement des ressources

Etape 3 mise en forme du document

Etape 4 chargement des polices

et des derniegraveres ressources

Un constat apregraves 3 secondes plus de 50 des

utilisateurs ont quitteacute le site

Imaginons nous sommes en deacuteplacement et souhaitons

- veacuterifier des horaires de train - reacuteserver une chambre

Connexion 2G (450kbs)

60 requecirctes effectueacutees

473 Kb chargeacutees

1019 secondes (chargement agrave 100)

Voyage SNCF

Voyage-sncf

httpvoyages-sncfmobi SOURCE

243 sec 383 sec pas de texte

593 sec 961 sec aiumle reflow

996 sec eacutetat final



17Mb chargeacutees


AirBnb

AIrBnb

httpswwwairbnbfr SOURCE




Un web de plus en plus

obegravese

Des pages tregraves lourdes

Restaurant Le Duc

httprestaurantleduccom SOURCE

88 Mb de donneacutees teacuteleacutechargeacutees

Lrsquoeacutevolution du poids des pages

HTTP Archive

httphttparchiveorg SOURCE

Deacutecembre 2010 Mars 2016

et mecircme si vous lrsquoavezhellip

helliptous les utilisateurs nrsquoont pas la fibre pensons-y

Comment ameacuteliorer ce chargement

Limiter le nombre de

requecirctes

Requecirctes aux chargement

bull Reacuteunifier les images (sprites)

bull Utiliser des fonts icocircnes

bull Limiter le nombre de plugins utiliseacutes

bull Concatener les ressources

Charger les meacutedias agrave la demande

Images chargeacutees

Image en cours de chargement

Images non chargeacutees

fenecirctre navigateur (viewport)

Page




Scroll

Trop crsquoest trop

Limiter le nombre de deacutependance

bull CMS (Content Management System) WordPress Joomla Prestashop Magenta hellip

bull Frameworks Bootstrap Ink Skeleton hellip

bull Plugins

bull Librairies jQuery VanillaJS hellip

bull Thegravemes

Les deacutependances

bull Eacuteleacutements directement fonctionnel

bull Mises agrave jours

bull Gain drsquoargent

bull Gain de temps

Les plus

bull Failles de seacutecuriteacutes

bull Conflits entre deacutependances

bull Maintenance plus complexe

bull Perte de performance

Les moins


Eviter le reflow

Le reflow est un processus permettant de recalculer les positions et

dimensions drsquoun eacuteleacutement Ce calcul a un impact sur

le reste de la page

Un exemple

Estelle Blog Mode

httpwwwestelleblogmodecom SOURCE

Chargement agrave 50 Chargement agrave 100

Afin drsquoeacuteviter le reflow il faut

preacutevoir la place des eacuteleacutements

Un exemple

Amazon

httpswwwamazonfr SOURCE

Les images

Choisir le bon format

Type drsquoimage Format

Photo jpeg

Logo jpeg png svg

Icocircne font icon png 8 gif svg

Icocircne avec transparence font icon png 24 gif (ne gegravere pas lrsquoopaciteacute) svg

Image animeacutee svg gif animeacute

Bien compresser les images

Les eacutecrans full HDhellip hellip des reacutesolutions pouvant deacutepasser les 300dpi

Utiliser des images vectorielles

Wikipeacutedia - Scalable Vector Graphics

httpsfrwikipediaorgwikiScalable_Vector_Graphics SOURCE

Attention le svg nrsquoest pas compatible sur tous les navigateurs

Ou drsquoautres meacutethodes

bull Utiliser des images 2x plus grandes mais reacuteduites (attention au poids)

bull Utiliser lrsquoeacuteleacutement HTML ltpicturegt

bull Utiliser lrsquoattribut HTML srcset

Les typographies une longue histoirehellip

Historiquement

les navigateurs web utilisent un nombre restreint de typographies

Georgia

ArialArial Black

Helvetica

PalatinoTimes New Roman

Comic sans MS

ImpactTahoma

Trebuchet MS

Verdana Courrier New

Courrier

Monaco

Depuis les anneacutees 2010

le web peut utiliser de nouvelles polices

Font Smith

httpwwwfsmillbankcom SOURCE

Mais

bull Est parfois trop lourde (performance)

bull Nrsquoa pas le mecircme rendu en fonction des navigateurs eacutecrans

bull Nrsquoest pas compatible sur tous les navigateurs

bull Est chargeacutee agrave la fin du CSSOM

Une typo non native comporte des inconveacutenients

laquo System fonts can be beautiful

Webfonts are not a requirement for great typographyraquo

Adam Morse

httpmrmrsiowriting20160317webfonts SOURCE

Il faut donc

limiter lrsquoutilisation des typographies

non systegraveme

lrsquoHTML5 apporte de nouvelles

API (Interface Application de Programmation)

La Geacuteolocalisation

Jardiland

httpwwwjardilandcom SOURCE

Le WebGL

Firefox Hello

httpswwwmozillaorgfrSOURCE

hellip et plein drsquoautres

etc

Notification

Plein eacutecrans

Historique de navigation 3D

Accegraves agrave la luminositeacute du support

Accegraves agrave la batterie du support

Hors connexion

Accegraves aux meacutedias (micro webcam) du support

Web storage

Canvas

Certaines anciennes versions de

navigateurs persistent

Connaicirctre les navigateurs cibles et leurs versions

Quand cela est possible

eacutevoluer vers les derniegraveres versions de languageshellip

helliptout en restant navigable sur les vieux navigateurs

Cdiscount - sur Internet Explorer 7


NB Internet Eplorer 7 - 8 et 9 sont officiellement obsolegravetes

Creacuteer une icocircne de favoris (favicon) visible sur tous les supports

Un geacuteneacuterateur de favicon

Real Favicon Generator

httprealfavicongeneratornet SOURCE

visible sur tous desktophellip

Thomas Catinaud

httpthomascatinaudcom SOURCE

hellipet sur mobile (toutes plateformes)

Thomas Catinaud


Possibiliteacute de rajouter des sites sur les panneaux drsquoeacutecrans mobiles

Pour aller plus loin

E-COD vous propose de suivre la formation laquo inteacutegrateur

frontend raquo du 25 avril au 28 juin 2016

Drsquoautres modules courts de formation continue sont possibles sur

diffeacuterentes theacutematiques Reacutefeacuterencement e-reacuteputation e-commerce reacuteseaux sociauxhellip

Renseignements ecodformation-laccom ou 05 56 79 50 43

Merci

Etude de faisabiliteacute veille aide au cahiers des charges pour site webhellip

Mise en œuvre (audit de site strateacutegie de preacutesence en ligne gestion de la e-reputationhellip)

Actions e-marketing (reacuteseaux sociaux e mailing marketing newsletter Gestion de la relation client)

Appui juridique (permanence drsquoavocats du numeacuteriquehellip)

Appui agrave la deacutemateacuterialisation des eacutechanges de donneacutees et agrave la seacutecurisation

Recherche de financements

wwwbordeauxccifr polenumerique

05 56 79 5000

Le Pocircle numeacuterique au service de la Transformation numeacuterique des entreprises

Nos conseillers vous accompagnent tout au long de votre projet

Evolution du web




thomascatinaudcom


Thomas Catinaud















Avant de commencer


Lrsquoentreprise

Les utilisateurs


Clients

Marcheacutes

Strateacutegie

Besoins

Objectifs

Positionnement

Concurrents

Produits

Budgets


Envies

Objectifs

Budgets






Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Evolution du web




thomascatinaudcom


Thomas Catinaud















Avant de commencer


Lrsquoentreprise

Les utilisateurs


Clients

Marcheacutes

Strateacutegie

Besoins

Objectifs

Positionnement

Concurrents

Produits

Budgets


Envies

Objectifs

Budgets






Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


thomascatinaudcom


Thomas Catinaud















Avant de commencer


Lrsquoentreprise

Les utilisateurs


Clients

Marcheacutes

Strateacutegie

Besoins

Objectifs

Positionnement

Concurrents

Produits

Budgets


Envies

Objectifs

Budgets






Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci















Avant de commencer


Lrsquoentreprise

Les utilisateurs


Clients

Marcheacutes

Strateacutegie

Besoins

Objectifs

Positionnement

Concurrents

Produits

Budgets


Envies

Objectifs

Budgets






Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Lrsquoentreprise

Les utilisateurs


Clients

Marcheacutes

Strateacutegie

Besoins

Objectifs

Positionnement

Concurrents

Produits

Budgets


Envies

Objectifs

Budgets






Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Clients

Marcheacutes

Strateacutegie

Besoins

Objectifs

Positionnement

Concurrents

Produits

Budgets


Envies

Objectifs

Budgets






Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Envies

Objectifs

Budgets






Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Qui sont-ils








Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Personnaliteacutes










Voyage


Date aoucirct






Deacutepaysement

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Restons accessible




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie



sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


sensorielmoteur

psychiquemental

Autisme

trisomie 21

paralysie

amputation

myopathie


spina bifida

ceacuteciteacute

malvoyance

amblyopie

achromatopsie

surditeacute

maladies bipolaires

schizophreacutenie


maladie

mateacuteriel

support

bruit

environnement

luminositeacute

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

aujourdrsquohui







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci







Gartner





StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




StatCounter



Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Mediameacutetrie

SOURCE

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

The mobile moment

Luke Wroblewski


The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

The mobile moment












taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




taille(gt 10)




Pro)(7 agrave 12)




Petite taille(lt6)


Aleacuteatoire






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci






Aleacuteatoire


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Pocket






Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Desktop (souris)

Mobile (doigt)


Plusieurs pixels


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Les bateaux mouches



Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Les bateaux mouches



Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Lien

B O U T O N gt 7mm

gt 2mm

B O U T O N

OK

Lien

B O U T O N

KO

B O U T O N

LienLien






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci






Dorigati



X


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Dorigati


Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Un contenu lisible

URSSAF



X

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Un contenu lisible

Korben



Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Deacutelit de mode


Touch me now


Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Cdiscount


Touch me now







ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci






ces supports










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci










Les plus





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Les moins













Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci












Les plus





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Les moins


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


httpmonsitecom


+ +

Un seul code source




Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Youtube






Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Les plus




Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Les moins





Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




Leboncoin










Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci









Teacuteleacutestar


X


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Teacuteleacutestar


X



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Header

Publiciteacute

Contenu

Teacuteleacutestar


X


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Caisse eacutepargne


X


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Les Pages Jaunes


X



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Header (fixe)


Contenu

Les Pages Jaunes


X


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Hirondelle USA


X





X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




X






Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Adapter le contenu

Arngren


X

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Arngren










contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci








contenu secondaire

contenu secondaire

contenu secondaire







Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Libeacuteration




le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


le mobile first


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Mobile first

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Mobile first





Les plus

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Mobile first









Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci







Screen Sizes


Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Il est essentiel de




diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


diffeacuterent




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



=

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Preacuteparation



Ergonomie

Zoning Wireframes


Recette

Tests Debug

Graphisme


Inteacutegration



Mise en ligne

Mise en ligne Suivi


Tests

Tests

Tests

Tests






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci






Stand-up quotidien


Projet LotsProduit

fini

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Mais comment tester




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




Resizer



BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

BrowserStack






Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




Performance



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Serveur DNS

Serveur web


1

2

3

4


monsitecom)


(http1270021)
















Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci













Voyage SNCF

Voyage-sncf







17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



17Mb chargeacutees


AirBnb

AIrBnb






obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


obegravese


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


Restaurant Le Duc




HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


HTTP Archive







requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





requecirctes











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci











Page




Scroll

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Trop crsquoest trop




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




bull Plugins


bull Thegravemes





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





bull Gain de temps

Les plus





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci





Les moins


Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Eviter le reflow



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



le reste de la page

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Un exemple

Estelle Blog Mode





Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Un exemple

Amazon


Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Les images



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Photo jpeg

Logo jpeg png svg















Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci












Historiquement


Georgia

ArialArial Black

Helvetica


Comic sans MS

ImpactTahoma

Trebuchet MS


Courrier

Monaco



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Font Smith


Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Mais








Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci



Adam Morse


Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Il faut donc


non systegraveme




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci




Jardiland


Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci

Le WebGL

Firefox Hello



etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci


etc

Notification

Plein eacutecrans




Hors connexion


Web storage

Canvas















Thomas Catinaud



Thomas Catinaud









Merci















Thomas Catinaud



Thomas Catinaud









Merci


Thomas Catinaud









Merci







Merci

Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, visuelles mettre en place

Internet

Transcript of Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, visuelles mettre en place