Présentation donnée à SudWeb 2013 (http://www.sudweb.fr/2013), le 17 mai, sur le Responsive Web Design à BBC News (http://m.bbc.co.uk/news).
La technique "Cutting the Mustard" est documentée en détail sur le blog de l'équipe Responsive News: http://responsivenews.co.uk/post/18948466399/cutting-the-mustard
19. •Le cœur du contenu doit être
accessible à tout le monde
•Cibler les capacités plutôt
que les modèles
•Les performances sont
importantes
3. Concevons UN
site web !
25. Couper la moutarde
•2 expériences :
- de base
- améliorée
•Évite le device-detection…
la plupart du temps
(cas spéciaux : @font-face et HTML5 video)
29. Expérience de base
ou sans JavaScript
“Most read” tab : lien
Dates absolues
Images très basse def
1 image : 1ère brève
Bouton “Sections” : pointe
vers le menu dans le footer
Index: 10 req. HTTP, 40 KB
30. Expérience améliorée
pour navigateurs modernes
“Most read” tab : lazy load
Timestamps relatifs
Images de qualité
Support HiDPI (Retina)
Menu “Sections” amélioré
CSS & images additionnelles