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-wireframesUne 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 ^^).
-
Figure toi qu’à l’occasion d’un entretien annuel, j’ai posé la question d’aller voir du côté de SPIP, parce qu’on me faisait remarquer que WP, bon, c’est bien, mais y-en a marre des plugins pourris pas maintenus... et on m’a répondu que SPIP, la gueule du code PHP... bon... quoi... ça fait année 2000... et puis tout en français... bon... c’est pas très conforme à ce qu’on voit ailleurs quoi.
Je ne peux pas tout à fait donner tort à toutes ses remarques :-D ;-)
-
pas très conforme à ce qu’on voit ailleurs
Tu as mis le doigt sur le point important pour moi, j’ai presque envie d’en faire un tag :)
-
-
@fbahoken dans cette phrase là ça a peu de sens. C’est une méthode de conception qui consiste à imaginer et coder l’ergonomie et le graphisme d’un site d’abord pour les plus petits écrans, puis ensuite en ajoutant des choses (graphiques, animation ou autre) au fur et à mesure que l’écran s’agrandit, suivant la place et les possibilités. Cela assure d’avoir dans tous les cas toutes les fonctionnalités les plus importantes dès le début et pour tout le monde, le reste étant seulement de l’amélioration. Vu qu’on parle surtout du site produit, ça n’a pas de rapport avec le CMS choisi généralement.
Après si on parle de l’admin, là oui : SPIP est méga, MÉGA, en retard (sur le mobile, et sur plein d’avancées ergonomiques).
-
Vous pourriez faire un truc comme Gutenberg quoi hein ! (le truc que tout le monde désactive dans WP mais qui enquiquine aussi tout le monde parce que bon, va falloir s’y faire...)
-
-
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-instinctsContrast 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.
