la toile

La liste de lecture Flexbox : techniques et outils

Flexbox nous donne un nouveau type de contrôle sur nos [mises en page](https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/), ce qui rend les défis de codage difficiles ou impossible à résoudre avec CSS seul simple et intuitif. Cela nous donne les moyens de créer des **grilles flexibles** et conscientes du [contenu dynamique](https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins/), et ainsi, nous donner la liberté de nous concentrer sur le processus de création au lieu de nous frayer un chemin vers une mise en page. Pour vous donner une longueur d'avance sur Flexbox et vous donner des idées sur la façon de l'utiliser pour maîtriser les défis de codage courants, nous avons rassemblé des **trucs, astuces et outils** qui vous aident à tirer le meilleur parti de sa puissance dès aujourd'hui. La liste n'est en aucun cas complète, mais comprend les ressources que nous avons trouvées utiles et utiles.

Modélisation de contenu avec Jekyll

Ce n'est pas exactement un nouveau sujet, mais dernièrement, j'ai eu des raisons de revoir la compétence de modélisation de contenu dans le travail de mon équipe. Notre expérience a atteint un point où les limites de notre pratique commencent à devenir claires. Notre problème le plus courant est que **les gens ont tendance à se lier eux-mêmes et leurs modèles mentaux à une plate-forme choisie** et à ses conventions. Au lieu d'enseigner aux gens comment modéliser du contenu, nous finissons par leur apprendre à modéliser du contenu dans Drupal ou à modéliser du contenu dans WordPress. Mais je préférerais que nous l'abordions en nous concentrant sur les meilleurs intérêts des utilisateurs, **quelle que soit la plate-forme** sur laquelle le contenu aboutira.

Processus de conception réactif efficace

"Chacune de ces options fournira la conception de trois mises en page uniques : page d'accueil, page de liste, page de détail." D'accord. Maintenant, nous avons jusqu'à neuf fichiers de conception statiques. Cela devient un peu incontrôlable.

Un guide du débutant pour créer un site Web WordPress

Un guide étape par étape pour les nouveaux utilisateurs de WordPress pour que WordPress soit opérationnel, du début à la fin.

L'art de l'interception : aller au-delà de "Souhaitez-vous participer à un sondage ?"

Maxwell est chercheur dans une entreprise de conception qui travaille sur une application de paiement mobile. Il veut en savoir plus sur la façon dont les utilisateurs interagissent actuellement avec les terminaux de point de vente. Maxwell contacte une épicerie locale pour coordonner les horaires afin d'**observer les clients lorsqu'ils passent à la caisse**. Il demande ensuite à chaque cinquième client qui vérifie de répondre à un bref sondage. Maxwell s'engage dans _intercepts_ dans le cadre de son recrutement de participants à la recherche.

Tests multi-navigateurs à fort impact et à effort minimal

Les tests inter-navigateurs prennent du temps et sont laborieux. Ceci, à son tour, le rend coûteux et sujet à l'erreur humaine… donc, naturellement, nous voulons en faire le moins possible. Ce n'est pas une déclaration dont nous devrions avoir honte. **Les développeurs sont paresseux par nature** : adhérer au principe DRY, écrire des scripts pour automatiser des choses que nous aurions autrement à faire à la main, utiliser des bibliothèques tierces ; être paresseux est ce qui fait de nous de bons développeurs. L'approche traditionnelle des tests inter-navigateurs ne correspond pas bien à ces idéaux. Soit vous faites une tentative timide de test manuel, soit vous consacrez beaucoup d'efforts à le faire "correctement": testez dans tous les principaux navigateurs utilisés par votre public, passez progressivement à des navigateurs plus anciens ou plus obscurs afin de dire que vous les ai testés.

Création de wireframes de contenu pour une conception réactive

Alors que je dirigeais mon cursus en responsive web design entre 2011 et 2012, je n'arrêtais pas de trébucher sur le processus de wireframing. Mes étudiants avaient tendance à se concentrer sur le wireframe comme étant le jeu final dans le processus de planification. Ils n'ont pas compris que la conception réactive se concentre sur la façon dont les utilisateurs accéderont au contenu.

Se préparer pour HTTP2 : un guide pour les concepteurs et les développeurs Web

Un aperçu détaillé des bases de HTTP/2 telles qu'elles s'appliquent aux concepteurs et développeurs Web. Nous examinerons les fonctionnalités clés du nouveau protocole, la compatibilité des navigateurs et des serveurs, et détaillerons les éléments auxquels vous devrez peut-être réfléchir à mesure que nous verrons une adoption accrue de HTTP/2.

Tout ce que vous devez savoir sur les pages mobiles accélérées de Google

En mai 2015, Facebook a dévoilé sa nouvelle plateforme de publication intégrée, [Instant Articles](https://instantarticles.fb.com/). Un mois plus tard, Apple a déclaré que l'ancienne expérience [Kiosque](https://en.wikipedia.org/wiki/Newsstand_(application)) (essentiellement un dossier sophistiqué plein d'applications d'actualités) serait remplacée dans iOS 9 par une marque nouvelle plate-forme d'agrégation et de découverte d'actualités appelée [Apple News](https://www.apple.com/news/). Quatre mois plus tard, c'était au tour de Google d'annoncer son propre plan, un peu tardif mais non moins ambitieux, pour révolutionner la consommation d'actualités mobiles avec une solution web open source appelée [Accelerated Mobile Pages](https://www.ampproject. org/), ou AMP. En quelques mois seulement, nous avons vu la relative tranquillité de l'édition numérique mobile éclater en une nouvelle guerre de plates-formes à grande échelle alors que Facebook, Apple et maintenant Google se di

Polices gratuites avec personnalité

La typographie peut faire toute la différence. Cependant, si votre projet doit fonctionner avec un **budget très limité** et que vous devez compter sur des polices gratuites, les bonnes ne sont jamais faciles à trouver. Heureusement, nous sommes tombés sur de vrais joyaux ces derniers temps.