Ressources communautaires et publications favorites

Au nom de l'équipe Smashing, bienvenue dans cette nouvelle mise à jour mensuelle qui vous tiendra au courant de toutes les choses brisant . Joignez-vous à nous pour partager les dernières nouvelles et souligner les choses que nous avons apprécié de lire le mois dernier.

De nombreux articles inclus proviennent des liens les plus populaires de notre lettre d'information Smashing. Si vous ne recevez pas encore notre newsletter, alors inscrivez-vous ici pour recevoir des techniques utiles et des goodies (y compris un livre numérique gratuit sur l'accessibilité)!

Quoi de neuf chez Smashing?

Le dernier SmashingConf de cette année a eu lieu à New York, un événement qui s'est vendu très longtemps à l'avance et un autre dont nous sommes tous très fiers. Au cas où vous l'auriez manqué, notre rédactrice en chef, Rachel Andrew, a tout résumé dans un article avec des vidéos et des photos de SmashingConf NY . Vous pouvez trouver les diapositives des discussions sur ici et même déjà achetez votre billet super tôt si vous voulez!

Ensuite, il y a un petit projet que nous avons l'intention de lancer depuis un certain temps et c'est enfin ce qui se passe! Nous sommes fiers d'avoir lancé le Smashing Podcast un podcast bi-hebdomadaire animé par notre cher ami Drew McLellan – assurez-vous de vous abonner et vous accorder à tout moment. lecteur de podcast de votre choix.

Enfin, nous sommes ravis et impatients de publier le prochain livre de Smashing intitulé [ Inclusive Components », écrit par Heydon Pickering sur le pourquoi et comment, rendant l'accessibilité plus accessible et conviviale pour les développeurs. Restez à l'écoute!

Lecture recommandée dans Smashing Magazine

Nous publions un nouvel article tous les jours. Si vous n'êtes pas abonné à notre flux RSS ou suivez-nous sur les réseaux sociaux, vous risquez de manquer sur des articles brillants! Voici quelques-uns que nos lecteurs ont semblé apprécier et recommander plus loin:

• « Comment mettre fin à l'analyse avec la conception » de Suzanne Scacca
  Lorsqu'il s'agit de mettre nos visiteurs sur le vif , leur donner trop d’options nuit à leur capacité de prise de décision et à ce qu’ils pensent de l’expérience dans son ensemble.
• « Ce que les journaux peuvent nous apprendre sur la conception Web » de Frederick O ' Brien
  Avant la page d'accueil, il y avait la page de couverture. Du principe de Gutenberg aux systèmes de grille en passant par le dessus, les journaux nous en apprennent beaucoup sur les fondements de la conception Web.
• « Créer des environnements en ligne qui fonctionnent bien pour les utilisateurs plus âgés » par Barry Rueger [1239035] 19659014] Une partie importante de la population utilisant Internet est âgée de 50 ans ou plus, y compris les personnes qui l'ont inventée. Les concepteurs doivent comprendre ce dont les utilisateurs plus âgés ont besoin et pourquoi il ne suffit pas de dire: «Je peux le lire, alors quel est le problème?»
• « Rédaction d'un moteur d'aventure multijoueur avec texte dans Node.js » par Fernando Doglio
  Une série en 4 parties qui vous guide pas à pas pour vous aider à créer un moteur d’aventure textuelle avec Node.js.

Meilleurs choix de notre newsletter

Nous serons Honnête: Toutes les deux semaines, nous ne parvenons pas à maintenir les numéros du bulletin Smashing à une longueur modérée – il y a tellement de gens talentueux qui travaillent sur des projets brillants! Donc, sans vouloir faire cette mise à jour mensuelle trop longtemps non plus, nous braquons les projecteurs sur les projets suivants:

Note : Un merci à Cosima Mielke pour la rédaction et la préparation de ces articles!

Services gratuits pour les développeurs

De nombreux services offrent des niveaux gratuits, mais ils peuvent être difficiles à trouver. Gratuit pour les développeurs souhaite modifier cela et répertorie les logiciels et autres services dotés de niveaux gratuits pour les développeurs.

Les services inclus dans la liste sont particulièrement intéressants pour les administrateurs système, les développeurs de DevOps et les autres développeurs repo de code source pour les tests, la gestion des journaux, l’intégration du paiement, etc. Plus de 500 personnes ont contribué à ce projet communautaire et vous pouvez également soumettre vos résultats, bien sûr. Une ressource pratique pour les signets.

Git Command Cheatsheet

Connaissez-vous vos commandes git? Bien que vous connaissiez probablement les plus courantes par cœur, il existe toujours des commandes faciles à oublier car vous n’en avez pas souvent besoin. Rainer Selvet fait maintenant un rappel concis.

Décrite comme une "mort simple" git cheatsheet ”par son créateur, . GitSheet répertorie les commandes git et leurs fonctions par sujet. Une petite fonctionnalité intéressante: vous pouvez copier une commande dans votre presse-papiers en un seul clic. Simple mais efficace.

Un terrain de jeu pour bricoler avec les systèmes de conception

Vous êtes sur le point de créer un système de conception mais vous ne savez pas vraiment par où ou par quoi commencer? Eh bien, le Design System Playground pourrait constituer un excellent point de départ.

Le terrain de jeu offre beaucoup d’espace pour bricoler avec différentes combinaisons de polices et de couleurs et, une fois que vous êtes satisfait de vos choix, il génère un système de conception qui vous pouvez exporter et utiliser immédiatement dans vos projets. Si l'orientation visuelle de votre conception n'est pas encore claire, vous pouvez également utiliser un thème prédéfini ou des choix aléatoires sur lesquels vous appuyer.

Freebie: Illustrations Mix-And-Match

Les illustrations sont un moyen fantastique de respirer. un peu de vie dans un projet. Mais nous n’avons pas tous les compétences nécessaires pour les créer nous-mêmes ni le temps ou le budget pour engager un illustrateur. Pour ces occasions, la bibliothèque d'illustrations mixtes créée par Leni Kauffman pourrait s'avérer utile.

Fresh Folk vous permet de combiner des poses, des tenues et des tons de peau en différents caractères. La bibliothèque comprend également des éléments d'arrière-plan (tables, sièges, lampes, plantes, etc.) pour créer différents paramètres, des espaces de bureau aux scènes de nature. Gratuit pour les projets personnels et commerciaux.

Visualisation en temps réel des transports en commun de Tokyo

Un superbe projet de visualisation de données en 3D vient d'Akihiko Kusanagi: Mini Tokyo 3D affiche le système de transports en commun de Tokyo sur une carte temps réel.

Vous pouvez suivre les trains de Tokyo. se déplacer dans la ville, avec des informations sur la ligne de train, le numéro du train, les arrêts suivants et précédents, ainsi que les retards éventuels. Les données de ce projet gigantesque proviennent de l'Open Data Challenge pour les transports en commun à Tokyo, qui promeut l'ouverture des données sur les transports en commun. Leur objectif est de faciliter la navigation dans les transports en commun (considérés comme les plus complexes au monde).

Annonces scientifiques et techniques vintages

Si vous aimez les graphismes vintage, voici un cadeau tout à fait spécial pour vous: un album Flickr contenant plus de 1 400 annonces scientifiques et techniques des années 1950 et 60.

Les publicités proviennent de divers magazines scientifiques et techniques et sont d'excellents exemples de l'esthétique moderniste du milieu du siècle – et d'un voyage fascinant dans le temps où les fondements des technologies que nous tenons pour acquis aujourd'hui ont été être étendu. Eye candy!

Rapport de sécurité des cadres JavaScript 2019

Les gens de Snyk ont ​​publié leur rapport de sécurité sur l'état des cadres JavaScript de 2019 . Il examine l'état de sécurité des écosystèmes angulaire et React ainsi que les pratiques de sécurité des frameworks JavaScript populaires Vue.js, Bootstrap et jQuery.

Etant donné qu'Angular et React ont tous les deux des discussions en cours sur la question de savoir si l'un ou l'autre est un vrai Dans ce cadre, le rapport n’a pas l’intention de se lancer dans des rivalités, mais passe en revue chacune d’elles en tant que solutions de rechange viables pour les écosystèmes, tout en mettant l’accent sur les risques pour la sécurité, les meilleures pratiques et leurs différences. À lire absolument

Conception de systèmes de couleur accessibles

Il est essentiel d’obtenir un bon contraste des couleurs pour faire en sorte que non seulement les personnes malvoyantes puissent facilement utiliser votre produit, mais aussi que tout le monde puisse vivre dans des environnements peu éclairés. ou en utilisant des écrans plus anciens. Cependant, si vous avez déjà essayé de créer vous-même un système de couleur accessible, vous savez probablement que cela peut être un défi.

L’équipe de Stripe a récemment décidé de relever le défi et de redéfinir son système de couleurs existant. Les avantages qu’il devrait offrir immédiatement: respectez les consignes d’accessibilité, utilisez des teintes claires et éclatantes que les utilisateurs peuvent facilement distinguer les unes des autres et bénéficiez d’un poids visuel constant sans donner la priorité à une couleur. Si vous souhaitez en savoir plus sur leur approche, l'article de blog vous donnera de précieuses informations.

Expériences relatives au bien-être numérique

Chacun a une relation différente avec son téléphone, mais nous avons tous quelque chose en commun: il y a toujours des moments où on sent que les téléphones distraient de la vie plutôt que de l'améliorer – quand on dînait avec des amis et que tout le monde vérifiait leurs notifications entrantes, par exemple.

Digital Wellbeing Experiments Google présente maintenant des idées et des outils qui aident les utilisateurs à trouver un meilleur équilibre avec la technologie et incitent les concepteurs et les développeurs à prendre en compte le bien-être numérique dans tout ce qu'ils conçoivent et construisent. Certaines expériences vous permettent de vous déconnecter de la technologie en tant que groupe, par exemple, restez concentré en téléchargeant les bonnes applications au bon moment ou prenez les choses les plus importantes avec vous sur un «téléphone papier» imprimé. Le code des expériences est open-source, et si vous avez une idée pour une expérience numérique sur la santé, Hack Pack vous aidera à lui donner vie.

Récursif: une police de caractères variable très flexible et gratuite

Une police de caractères cela vous donne le contrôle typographique sur cinq axes stylistiques et peut aller de Sans à Mono? La police de caractères variable Récursive le permet, offrant ainsi un tout nouveau degré de flexibilité.

Tirant pleinement parti de la technologie des polices de caractères variables, Recursive vous permet de choisir parmi une vaste gamme de styles prédéfinis ou de choisir exactement ce que vous voulez pour chacun de ses axes. L’inspiration est venue de la signalisation occasionnelle d’un seul trait pour donner à la police une apparence souple et énergique, ce qui en fait un choix idéal pour les applications riches en données, la documentation technique, les éditeurs de code, etc. Veuillez noter que Récursif est toujours en cours de développement et sera bientôt disponible via Google Fonts. Une version bêta est déjà disponible.

Tutoriels à code source ouvert pour l'apprentissage de GraphQL

GraphQL permet à un client de spécifier exactement les données dont il a besoin à partir d'une API. Ainsi, au lieu de plusieurs points de terminaison renvoyant des structures de données fixes, un serveur GraphQL un seul point de terminaison et répond précisément aux données demandées par un client. Si vous souhaitez en savoir plus sur GraphQL, voici deux excellentes ressources pour vous aider à démarrer:

Comment créer GraphQL un didacticiel gratuit à code source ouvert pour amener vos compétences GraphQL de zéro à la production. Divisée en deux parties, la première partie couvre les concepts de base de GraphQL, tandis que la deuxième partie vous permet de mieux comprendre l’écosystème GraphQL. L’autre ressource d’apprentissage provient des concepteurs du moteur GraphQL Hasura: trois didacticiels gérés par la communauté et à source ouverte (didacticiels front-end, mobile et back-end) vous apprennent à vous familiariser avec GraphQL. une application en temps réel en deux heures.

Correction de l'orientation des images

L'orientation des images sur le Web est compliquée. Lorsque Michael Scharnagl a travaillé sur un projet parallèle, il a remarqué que les images qu'il avait téléchargées sur son serveur étaient affichées dans le mauvais sens. Il écrit maintenant un article de blog dans lequel il plonge plus profondément dans le problème et comment le résoudre.

La raison pour laquelle les images de portrait sont affichées en mode paysage lorsqu'elles sont incorporées à l'aide de ou de image de fond correspond aux données EXIF ​​de l'image. La manière dont un navigateur traite l’orientation EXIF ​​dépend de chaque navigateur. Il n’ya pas non plus de solution inter-navigateur permettant de la corriger facilement. Le correctif de Michael’s Node.js vous aide à corriger l’orientation. Un petit conseil utile.

De Smashing With Love

Un mois peut être long pour rester au courant, abonnez-vous à notre newsletter bimensuelle et à notre podcast si vous ne l'avez pas encore fait. Chaque numéro est écrit et édité avec amour et soin.

Vous pouvez aussi syntoniser notre propre Smashing TV et nous suivre sur Twitter Facebook ainsi que LinkedIn . S'il vous plaît, n'hésitez pas à contacter et partager vos projets avec nous! Nous aimons avoir de vos nouvelles!

Continuez votre excellent travail, tout le monde! Vous écrasez!

(cm, vf, ra, il)