How To Write Mobile-first CSS | Zell Liew
▻https://zellwk.com/blog/how-to-write-mobile-first-css
Présentation avec exemples des règles de la construction « mobile-first » des feuilles de style CSS.
]]>Priority Guides : A Content-First Alternative to Wireframes – A List Apart
►https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes
Une manière de commencer l’ergonomie uniquement sur une liste de contenus ordonnés, hiérarchisés. On se focalise sur la hiérarchie du contenu, sans préjuger du placement (je ne parle même pas des styles mais bien même pas du placement, layout, maquettes filaires). En plus c’est directement mobile-first, puisque juste en une longue colonne.
Du coup, en allant même plus loin que ce que montre l’article, cela peut se faire uniquement en texte amélioré (markdown par ex), et donc dans un pad commun à plusieurs. Cela permet de valider avec les propriétaires du site/clients le « qu’est-ce qu’on décide de mettre dans chaque page », sans du tout passer des heures à discuter de l’affichage.
]]>Lu dans un mail qu’on m’a fait suivre à l’instant :
Et sinon, êtes-vous certains de vouloir installer en 2019 un #spip dont la conception date du début des années 2000 dans un océan de sites ultra-réactifs et « mobile-first » ? Et je ne crois pas qu’on puisse y intégrer des graphiques interactifs à la shiny par exemple.
Je me suis retenu de répondre (pour l’instant ^^).
]]>Mobile-first Responsive Web Design and #IE8 | theguardian.com
▻http://www.theguardian.com/info/developer-blog/2013/oct/14/mobile-first-responsive-ie8
"when supporting older, buggy and incapable browsers, we have to wave some of the “good ol’ web best practices” goodbye... so, how do we make sure we don’t cripple our codebase with hacks for #Internet_Explorer so the other 95.5% of our readers still benefit from the best experience possible?" Tags: Responsive Web Design (RWD) IE8 Internet Explorer #Sass #CSS #Media_Queries
]]>An Insider’s View of #Mobile-First #Design: Don’t Make These Mistakes | Wired Opinion | Wired.com
▻http://www.wired.com/opinion/2013/09/designing-for-mobile-means-ditching-deeply-ingrained-pc-instincts
Contrast this standard approach to the one employed by Instagram’s mobile app: When people like or comment on a photo on Instagram, the results of their actions show up right away. In reality, their request is still getting processed in the background — but Instagram assumes it was successful rather than waiting to find out if it actually is.
]]>