Catégories
Plugin et site web

Une mise à jour mensuelle avec de nouveaux guides et ressources communautaires – Smashing Magazine

A propos de l'auteur

Jonglant entre trois langues au quotidien, Iris est connue pour son amour de la linguistique, des arts, du web design et de la typographie, ainsi que pour sa mine d'or de…
Plus à propos
Iris

Il est temps pour une autre mise à jour mensuelle! Rejoignez-nous pour partager les dernières nouvelles et souligner les choses que nous avons aimé lire au cours du mois dernier.

Que vous soyez motivé pour commencer à créer des œuvres d'art via le code ou que vous passiez trop de temps à vous énerver à cause des pages de divulgation de politique de site Web laides, nous aimons toujours vous soutenir. Chez Smashing, nous nous engageons à nourrir la curiosité sur ce qui fonctionne et ce qui ne fonctionne pas, à aider les gens à améliorer leurs compétences et leurs flux de travail et, enfin et surtout, à affiner leur équilibre travail-vie personnelle.

La meilleure façon de s'améliorer ensemble est d'apprendre les uns des autres, et quel meilleur moyen existe-t-il que de promouvoir de nouvelles idées et la voie à suivre pour l'industrie du Web. Un rapide coup d'œil à nos guides en constante évolution vous montrera que nous sommes déterminés à rassembler une variété de sujets qui nous aideront tous à explorer et à apprendre de nouvelles choses.

Vous pouvez toujours nous suivre sur Twitter, Facebook, LinkedIn et abonnez-vous à notre flux RSS, mais c'est bien d'avoir un aperçu des choses les plus importantes en un seul endroit.

Alors quoi de neuf?

Eh bien, les choses ne deviennent jamais ennuyeuses à Smashing, c'est sûr! Des réunions en ligne avec les membres de l'équipe et des sessions de brainstorming aux ateliers Smashing en ligne et aux événements en direct – chaque jour est super excitant et apporte de nouveaux défis. Cependant, il y a une chose qui fait rebondir toute l'équipe sur les murs: notre tout nouveau livre! «TypeScript In 50 Lessons» est un livre qui décompose les bizarreries de TypeScript en leçons courtes et faciles à gérer.

Si vous passez énormément de temps à programmer et que vous voulez être plus productif, ce livre est fait pour vous. Mais le livre est également destiné aux développeurs qui ont déjà plongé leurs orteils dans TypeScript et qui veulent maintenant se mouiller: des systèmes de type à la définition de scénarios JavaScript complexes, nous avons fait équipe avec Stefan Baumgartner pour vous aider à perdre tellement moins de sueur et de larmes dans vos projets!

Pas convaincu? Vous êtes invités à accéder à la table des matières et même à télécharger un échantillon gratuit (2,3 Mo, PDF).

TypeScript en 50 leçons

lecture recommandée sur SmashingMag:

Événements en ligne: à bientôt?

SmashingConf San Francisco en ligne 2020Et ainsi le compte à rebours pour l'année 2021 commence! Nous avons un autre événement en direct à venir du 10 au 11 novembre: SmashingConf San Francisco. L'horaire et les billets sont en ligne pour que vous puissiez les consulter. Nous ne manquerons pas d’organiser une grande fête pour notre dernier événement de 2020!

Quant à nos ateliers en ligne en cours, nous avons encore un bon nombre de places disponibles pour vous! Nous espérons que vous trouverez au moins un atelier qui correspond à vos projets et à votre cheminement de carrière, et qui nous permet également de vous faciliter la vie:

Smashing Podcast: connectez-vous et laissez-vous inspirer

Tous les deux mardis, Drew McLellan discute avec des experts en conception et développement de leur travail sur le Web. Vous pouvez vous abonner via votre application préférée pour obtenir de nouveaux épisodes dès qu'ils sont prêts.

Le podcast Smashing bimensuelPssst. Au fait, y a-t-il un sujet que vous aimeriez entendre et en savoir plus? Ou peut-être que vous ou quelqu'un que vous connaissez aimeriez parler d'un sujet lié au Web et au design qui vous tient à cœur? Nous aimerions recevoir de vos nouvelles! Ne hésitez pas à contactez-nous sur Twitter et nous ferons de notre mieux pour vous répondre dans les plus brefs délais.

Le prochain épisode de podcast sort mardi prochain (20 octobre). Nous parlerons avec Stefan Baumgartner sur tout ce qui concerne Typecript! Restez à l'écoute!

Newsletter Smashing: Meilleurs choix

La newsletter hebdomadaire SmashingAlors que nous commençons à envoyer des éditions hebdomadaires du Smashing Newsletter, nous visons des numéros plus courts et spécifiques à un sujet. Jusqu'à présent, nous avons envoyé des éditions axées sur le CSS, l'accessibilité frontale, JavaScript, UX, et même une sur les petits outils et extensions de navigateur utiles. Bien sûr, nous aimons ajouter un mélange d'autres sujets, juste pour qu'il y ait quelque chose pour tout le monde! 😉

Nous adorons partager toutes les choses intéressantes que nous voyons des gens faire dans les communautés de l'industrie du Web, et nous espérons que vous contribuerez à faire passer le mot! Voici quelques-uns des projets que nos abonnés ont trouvés les plus intéressants et les plus appréciés:

Une bibliothèque de sélecteurs de dates fiable

Il existe des dizaines de bibliothèques de sélecteurs de dates, mais il est toujours bon d'avoir des bêtes de somme fiables qui fonctionnent uniquement sur tous les navigateurs, qui n'ont pas de dépendances lourdes, sont rédigées raisonnablement bien et répondent à toutes les principales exigences d'accessibilité.

Une bibliothèque de sélecteur de dates fiable "border =" 0

Duet Date Picker est juste comme ça. Il s'agit d'un sélecteur de dates accessible et conforme aux WCAG 2.1 qui peut être implémenté et utilisé dans n'importe quel framework JavaScript ou pas du tout. Il est livré avec une fonctionnalité intégrée qui vous permet de définir une date minimale et maximale autorisée, et pèse environ 10 Ko minifiés et Gzip’ed (cela inclut tous les styles et icônes).

Si vous avez besoin d'une alternative, consultez React Dates, une bibliothèque publiée par Airbnb qui est optimisée pour l'internationalisation, tout en étant accessible et compatible avec les mobiles.

Le pont de la brillance

Vous retrouvez-vous parfois face à une page blanche avec peu ou pas d'inspiration? La concurrence avec des créations des quatre coins du monde ne facilite certainement pas la création de nouvelles idées, en particulier lorsque vous avez l'impression qu'elles ont toutes déjà été prises.

Le Deck of Brilliance "border =" 0

Le Deck of Brilliance vous offre 52 outils gratuits qui ne manqueront pas de vous aider à élaborer des idées en peu de temps. Tout ce que vous avez à faire est de choisir un outil l'un après l'autre, et d'être prêt à noter vos idées dès qu'elles commencent à arriver. Plus vous générez d'idées, meilleures sont les chances de réussir la grande!

Bandes dessinées accessibles

Lorsque nous utilisons des formes et des mises en page légèrement plus complexes sur le Web, il semble parfois beaucoup plus facile de simplement l'enregistrer en tant qu'image de premier plan ou d'arrière-plan et de diffuser différentes images sur de petits et grands écrans. Cela est vrai pour les tableaux et graphiques compliqués ainsi que pour les bonnes vieilles bandes dessinées avec des bulles parlantes, mais que se passerait-il si nous pouvions réinventer l'expérience complètement?

Accessibilité aux bandes dessinées "border =" 0

Comica11y est une expérience de Paul Spencer qui vise à réaliser une expérience de lecture de bande dessinée en ligne tout compris. Et si nous pouvions avoir différents modes de lecture pour la bande dessinée, par exemple avec sous-titres codés, gestion appropriée de la mise au point pour naviguer entre les panneaux, mode à contraste élevé, filtres de daltonisme SVG, bulles programmatiques, texte sélectionnable et traduisible, support LTR et RTL, et même tailles de police réglables? Une merveilleuse initiative qui montre à quel point nous pouvons relever les défis de l'interface utilisateur et utiliser le Web pour améliorer considérablement l'expérience.

Une bibliothèque de ressources gratuite pour les concepteurs de produits

De nos jours, il ne nous faut pas trop de temps pour rechercher un sujet sur lequel nous souhaitons en savoir plus. Les réponses sont littéralement à un clic. Mais vous souvenez-vous de la dernière fois que vous avez jeté un coup d'œil aux signets de votre navigateur? Enregistrer des pages pour les lire ou les consulter plus tard est certainement utile, mais ne serait-il pas pratique si nous avions notre source d’inspiration toute prête et disponible en un seul endroit?

Notes de conception "border =" 0

Si vous aimez la conception de produits, Design Notes est une bibliothèque qui s'avérera être un véritable gain de temps. Il renvoie actuellement à 334 ressources que vous pouvez filtrer en fonction du sujet que vous recherchez: des ressources liées à l'expérience utilisateur aux outils de conception et de prototypage. Tout le monde peut contribuer au site, alors n'hésitez pas à partager si vous voyez quelque chose qui manque!

L'UX de la banque

Chaque banque prétend offrir la meilleure expérience bancaire globale, et pourquoi ne le ferait-elle pas, n'est-ce pas? Eh bien, afin de découvrir ce que les banques challenger ont fait différemment, le spécialiste UX Peter Ramsey a décidé qu'il était temps de mettre quelques-unes d'entre elles à l'épreuve.

L'UX de la banque "border =" 0

Tout d'abord, il a ouvert 12 comptes bancaires réels au Royaume-Uni et a tout enregistré. Ce qui a suivi, ce sont six chapitres détaillés de son parcours utilisateur: ouvrir un compte, effectuer son premier paiement, geler sa carte, effectuer des paiements internationaux, ouvrir des banques et enfin, le support client. Un guide de référence fantastique pour vous aider à créer de meilleures expériences en effet!

Comment faire fonctionner les tableaux de données partout

L'une des principales difficultés lors de la conception de tableaux est que nous devons trouver un moyen d'afficher l'ensemble du tableau (ou du moins sa structure complètement) – que ce soit sur de petits écrans ou de grands écrans. Avec la navigation, on pourrait trouver un moyen avec des tabulations, des accordéons ou même des carrousels, mais les tables sont la bête d'un autre genre. Alors, comment pouvons-nous les apprivoiser? Dans son article, «Concevoir de meilleurs tableaux de données», Andrew Coyle met en évidence quelques modèles de conception que nous pourrions appliquer (par exemple en permettant aux utilisateurs d'afficher / masquer des colonnes ou de diviser les lignes en cartes).

Comment faire fonctionner les tableaux de données partout "border =" 0

Le «Guide ultime pour la conception de tableaux de données» de Molly Hellmuth fournit un ensemble complet de bonnes pratiques pour la conception de tableaux, ainsi qu'un kit gratuit pour les tableaux. «Comment créer des tableaux Web complexes» explique comment créer un système maintenable pour des tableaux complexes avec redimensionnement, filtrage, troncature et divers états pour chaque cellule. Besoin de faire fonctionner une table pour mobile?

En outre, «Concevoir une table complexe pour mobile» montre comment transformer une table d'entreprise complexe en un ensemble gérable de cartes, de filtres et de vues sur mobile en l'explorant ligne par ligne ou colonne par colonne. Un grand ensemble d'articles pour se plonger dans ces tables délicates!

Aide-mémoire Git

Oh, Git! C’est toujours un défi de se souvenir de toutes les bonnes commandes au bon moment, donc avoir quelques feuilles de triche peut être très utile. Le journal Git propose des moyens courants d'utiliser le journal Git pour suivre ce qui a changé ou rechercher des commits. La feuille de triche Git Branch montre comment lister les branches, en créer de nouvelles, renommer et changer de branche, ainsi que les supprimer.

Cheatsheets Git "border =" 0

Besoin de quelque chose d'un peu plus avancé? La feuille de triche Git d'Atlassian donne plus de détails sur les bases de Git, l'annulation des modifications, la réécriture de l'historique Git, les branches Git et les dépôts distants, et les fonctionnalités de la feuille de triche GitHub montrent comment inspecter et comparer, suivre les changements de chemin, partager et mettre à jour, ignorer les modèles et ajouter des éléments temporaires. s'engage.

Liste croissante de ressources d'accessibilité

Il est fort probable qu'au moment même où vous avez besoin de rechercher une solution ou une technique, il soit assez difficile de la trouver rapidement. A11yresources de Hannah Milan fournit une liste croissante d'outils et de ressources d'accessibilité, allant des articles et extensions de navigateur aux newsletters, podcasts et vidéos.

Liste croissante des ressources d'accessibilité "border =" 0

Une liste assez complète, bien organisée et structurée – avec à peu près tout ce dont vous pourriez avoir besoin pour résoudre rapidement ce problème d'accessibilité. Pour les signets!

L'état des systèmes de conception et du prototypage 2020

Il est toujours intéressant d’explorer ce qui a fonctionné ou échoué pour d’autres professionnels, afin que nous puissions prendre certaines des leçons et les appliquer à notre contexte. L'enquête 2020 sur les systèmes de conception de Sparkbox met en évidence les résultats de l'enquête annuelle auprès des organisations qui ont fortement investi pour que les systèmes de conception fonctionnent correctement. L'enquête se penche sur les défis courants du système de conception et les stratégies pour les surmonter. L'enquête se penche également sur les systèmes de conception internes, la maturité du système de conception et les contributions d'un système de conception à une culture positive au sein de ces organisations.

L'état des systèmes de conception et de prototypage 2020 "border =" 0

Dirigé par l'équipe derrière Framer, The State of Prototyping 2020, fournit un rapport PDF de 31 pages explorant les défis actuels et les avantages du prototypage. Seul un tiers des répondants est en mesure de fournir un prototype en 12h. Les défis communs sont les courbes d'apprentissage raides lorsque vous commencez à utiliser un outil pour la première fois, et souvent l'outil de prototypage ne répond pas aux exigences exactes. Une inscription par e-mail est requise.

Pas assez bon? Vous pouvez également explorer l'état de l'e-mail 2020, qui présente les tendances actuelles en matière de conception et de développement d'e-mails, fourni par Litmus.

Faites des choses avec la ligne de commande

Pour certains, la ligne de commande est la meilleure amie d’un codeur, pour d’autres, elle peut ressembler davantage à un ennemi redoutable. Le fait est qu'il y a beaucoup de choses géniales que vous pouvez faire avec le terminal. Marcel Bischoff organise une liste remplie d'applications de ligne de commande utiles.

Superbes applications de ligne de commande "border =" 0

La liste couvre tout, de l’automatisation et de la sauvegarde au chiffrement, à la productivité, au contrôle de version et bien plus encore, ce qui facilitera la vie d’un développeur. Même les jeux sont présentés pour adoucir une longue session de codage. Votre application de ligne de commande préférée ne fait pas encore partie de la liste? Vous êtes bien entendu vivement encouragé à y contribuer. Un pour les signets.

Testez vos formulaires avec des données factices

Le test des formulaires peut prendre du temps, mais, heureusement, c'est une tâche qui peut être facilement automatisée. L'extension de navigateur Fake Filler a été conçue pour cela.

Fake Filler "border =" 0

Disponible pour Chrome et Firefox, Fake Filler vous aide à tester vos formulaires rapidement et efficacement en remplissant toutes les entrées de formulaire avec des données factices et en sélectionnant au hasard des boutons radio, des menus déroulants et des cases à cocher. L'outil prend en charge le maxlength propriété et ignore CAPTCHA, masqué, désactivé et readonly des champs. Un excellent petit ajout à la boîte à outils numérique de tout développeur.

Passer des appels d'équipe sans bruits de fond

Le chien qui aboie, les enfants hurlent ou un chantier de construction juste devant votre fenêtre – il y a beaucoup de bruits qui interrompent un appel ou une réunion d'équipe virtuelle en ces temps où le travail à domicile est devenu la nouvelle norme. Si vous êtes entouré d'une agitation constante et que vous craignez que cela ne distrait vos interlocuteurs, pourquoi ne pas laisser l'IA atténuer la situation?

Krisp "border =" 0

L'outil Krisp alimenté par l'IA fait exactement cela: en cliquant sur un bouton, il supprime le bruit de fond de vous vers les autres participants lorsque vous parlez, et inversement. Que vous souhaitiez organiser des réunions virtuelles sans bruit ou que vous prévoyiez d'enregistrer un podcast même si votre appartement est situé dans une rue animée, Krisp fonctionne dans plus de 800 applications de conférence, de messagerie vocale, de streaming et d'enregistrement. Le traitement audio se produit localement, ce qui signifie qu'aucune voix ou audio ne quittera l'appareil. Ça vaut le coup d'essayer.

Plus de trucs sensationnels

Ces dernières années, nous avons eu la chance de travailler avec des personnes talentueuses et attentionnées de la communauté Web pour publier leur riche expérience sous forme de livres imprimés qui résistent à l'épreuve du temps. Paul et Alla font partie de ces personnes. Avez-vous déjà consulté leurs livres?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *