Ateliers, Meetups et événements en ligne

Nous avons été occupés au cours des dernières semaines, et nous ne nous arrêtons pas encore! Nous avons ateliers en ligne SmashingConf Live Smashing Meets et enfin et surtout, Smashing TV à portée de main! Mais d'abord, voyons ce que nous avons fait d'autre…

Regardez ce que Cookin '!

Des moments passionnants! Cliquez! notre dernier livre Smashing, est disponible en pré-commande avec une remise amicale – vous pouvez déjà commencer à lire le livre électronique jusqu'à ce que votre copie imprimée arrive à votre porte. Écrit par Paul Boag et magnifiquement conçu par Veerle Pieters, le livre est divisé en 11 chapitres: de l'exploration de la psychologie de la prise de décision et de la mesure de la conversion à l'exploration des moyens d'encourager les utilisateurs à agir sans les aliéner.

Bien sûr, si vous vous sentez fracassant aujourd'hui, nous aimerions vous inviter à rejoindre la famille Smashing et obtenir le livre électronique pour gratuit (parmi de nombreux autres livres électroniques et quelques chats de fantaisie!).

Apprentissage et réseautage, The Smashing Way

Malgré les circonstances actuelles, nous sommes désireux de trouver des façons d'offrir des expériences Smashing à toute personne intéressée à apprendre des experts de notre industrie – sans avoir à quitter votre bureau! Nous avons demandé quel type de ressources vous aimeriez avoir, et donc tous les événements en ligne suivants sont ce qui a atterri dans notre souhait de Smashing. Merci à tous ceux qui ont partagé leurs réflexions et leurs commentaires – nous avons été à l'écoute!

1. Ateliers en ligne (mai-juillet)

Nos sympathiques ateliers frontaux / UX en ligne sont destinés à améliorer vos compétences et à vous aider à obtenir des informations pratiques et exploitables des experts de l'industrie – en direct. Il y aura beaucoup de plats à emporter perspicaces, d'exercices, de diapositives, d'enregistrements et de temps de questions-réponses amicaux. Bien sûr, nous sommes heureux d'offrir des réductions pour les grands groupes et les étudiants.

Nous vous avons déjà couvert pour les trois prochains mois – assurez-vous de sauvegarder votre place dès que possible:

Note : Si vous êtes également intéressé par la façon dont vous pouvez également organiser des ateliers en ligne, écoutez Smashing Podcast episode 14 avec Rachel Andrew dans laquelle elle parle de l'organisation d'ateliers en ligne et de la façon dont un événement traditionnel peut s'adapter lorsque les participants ne peuvent pas assister en personne.

2. SmashingConf Live (9-10 juin)

Rencontrez SmashingConf Live (9-10 juin), une conférence en ligne vraiment fracassante et conviviale sur le front & UX. Avec des sessions interactives en direct, des informations pratiques, des conférenciers accessibles, des notes collaboratives et des conversations avec des gens partageant les mêmes idées. Aller aux premiers orateurs confirmés. Consultez l'horaire →

Les deux jours commencent à 8 h 00 (PDT [ vérifiez votre heure ), avec des sessions interactives, suivies d'un temps pour les questions et réponses et les zones de discussion.

Ah , et le meilleur: une conférence dans laquelle vous jouez un rôle actif – prenant part à des sessions en direct, des questions et réponses, des zones de discussion et des défis. Au programme. Mais bien sûr, ce n’est pas tout! Soyez prêt pour les défis de conception et de codage, la chasse au trésor et les séances de cheminée avec des invités mystères. Et pour garder le style, bien sûr, nous organiserons une soirée fracassante.

Aimez-vous ce que vous voyez, mais avez-vous peur de prendre un peu de temps libre? Eh bien, vous ne pensiez sûrement pas que nous laisserions votre pendaison? Nous savons à quel point cela peut parfois être difficile, et nous avons donc préparé un joli petit modèle Convaincre votre patron pour vous aider. Bonne chance!

3. Smashing Meets (gratuit)

Nous sommes très excités de diriger notre tout premier Meetup Smashing la semaine prochaine! Nous nous concentrerons sur le front-end et l'UX, mais couvrirons également toutes sortes de sujets, des performances à l'accessibilité. Smashing Meets ne serait pas possible sans des communautés incroyables du monde entier, donc un autre merci à toutes les personnes impliquées!

4. Smashing TV (Webinaire gratuit le 19 mai)

Vous cherchez des moyens de vous aider à étendre votre couverture de test d'accessibilité au-delà de l'automatisation? Avec très peu de ressources, vous pouvez faire une différence significative. Rejoignez-nous avec Carie Fisher et Harris Schneiderman à 7:00 PM CET / 1: 00 PM EDT qui vous montreront les bases des tests automatisés et partageront les leçons clés

Partage d'expériences et d'histoires personnelles

Nous passons à notre 16 ^e épisode du Smashing Podcast la semaine prochaine! Le podcast Smashing est le moyen idéal pour emporter un peu de Smashing avec vous lors de vos promenades matinales, tout en lavant la vaisselle ou à tout moment que vous aimez vraiment. Vous pouvez vous abonner dans votre application préférée pour obtenir de nouveaux épisodes dès qu'ils sont prêts.

Sujets tendances sur Smashing Magazine

Nous publions chaque jour un nouvel article sur divers sujets d'actualité dans l'industrie du Web. Voici certains que nos lecteurs ont semblé apprécier le plus et ont recommandé plus loin:

• " Définition de TypeScript pour les projets Modern React en utilisant Webpack et Babel "
  par Blessing Krofegha
  This Cet article présente Typescript, un exposant de JavaScript qui présente la fonctionnalité de type statique pour repérer les erreurs courantes sous forme de codes de développeur, ce qui améliore les performances, d'où des applications d'entreprise robustes. Vous apprendrez également à configurer efficacement TypeScript dans un projet React pendant que nous construisons une application Money Heist Episode Picker, en explorant TypeScript, des crochets React tels que useReducer, useContext et Reach Router.
• " Un guide complet pour Claviers mécaniques »
  par Ben Frain
  Combien de réflexion avez-vous mis sur votre périphérique d'entrée principal? Avez-vous déjà pensé à quel point votre interface avec votre ordinateur pourrait être meilleure? Dans cet article, nous plongeons dans les possibilités des claviers mécaniques. Les différentes dispositions, types de commutateurs et même le matériau des touches. Attachez-vous – ce sera une plongée profonde!
• « Micro-typographie: comment espacer et créner les signes de ponctuation et autres symboles »
  par Thomas Bohm
  Pour des centaines des années, nous utilisons l'espace blanc en typographie. Aujourd'hui, en 2020, comment ajouter de l'espacement aux signes de ponctuation et aux autres symboles, et comment ajuster l'espace à gauche et à droite de manière simple et cohérente? En fait, ce n'est pas aussi facile et rapide qu'il devrait l'être.
• « Comment passer des données entre les composants dans Vue.js »
  par Matt Maribojoc
  Avec tant de différences pour partager des données entre les composants, vous devez savoir quelle technique est la mieux adaptée à votre situation. Analysons trois des moyens les plus courants de transmettre des données dans VueJS.
• « Réduire les risques liés à la conception »
  par Eric Olive
  La pression de précipiter la recherche sur le marché et la convivialité comporte des risques . Nous proposerons quatre techniques pratiques pour atténuer ce risque et créer des conceptions qui serviront mieux les clients et l'entreprise: le contexte plutôt que la commodité, le compromis, les meilleures décisions de conception, la réduction de la conception.

Les meilleurs choix de notre newsletter

Nous serons Honnête: toutes les deux semaines, nous avons du mal à garder les Smashing Newsletter à une durée modérée – il n'y a que donc beaucoup de gens talentueux travaillent sur des projets brillants! Félicitations à toutes les personnes impliquées!

Intéressé par le parrainage? N'hésitez pas à consulter nos options de partenariat et contactez l'équipe à tout moment – ils seront sûrs de vous recontacter immédiatement.

PS [19659053] Un grand merci à Cosima Mielke pour avoir écrit et préparé ces articles!

Créer des palettes de couleurs accessibles

Trouver la teinte ou l'ombre parfaite d'une couleur n'est pas seulement une question de goût mais aussi accessibilité. Après tout, si le contraste des couleurs fait défaut, un produit pourrait, dans le pire des cas, même devenir inutilisable pour les personnes ayant une déficience visuelle. Un vérificateur de contraste très détaillé pour vous aider à détecter les pièges potentiels à l'avance provient de Gianluca Gini: Geenes .

L'outil vous permet de bricoler avec des gammes de teintes et de saturation et appliquez les palettes de couleurs à l'une des trois maquettes d'interface utilisateur sélectionnables. Une fois appliqué, vous pouvez déclencher différents types de déficiences visuelles pour voir comment les personnes affectées voient les couleurs et, enfin, prendre une décision éclairée sur les meilleurs tons pour votre palette. Pour utiliser les couleurs immédiatement, copiez et collez leur code ou exportez-les vers Sketch.

Command Line Love

Il n'est pas rare que la documentation technique soit sèche et intimidante, en particulier pour les personnes qui commencent tout juste à utiliser un nouvel outil. Cela peut devenir très frustrant, en particulier lorsqu'un manuel est difficile à lire ou à suivre, ou lorsque les explications sont détaillées et manquent d'exemples.

Dash Dash prend les pages de manuel open source Unix (Linux, BSD, macOS) et définit le contenu dans un type et une mise en page magnifiques. Il fournit non seulement des explications sur toutes les commandes, mais également des sections de recherche, des exemples et TL; DR. De plus, L'art de la ligne de commande vous emmène sur la ligne de commande des bases au débogage du système.

Et si vous êtes à la recherche de techniques avancées de ligne de commande, cmdchallenge vous invite pour résoudre des tâches avec une seule ligne de bash. (vf)

Bibliothèques de composants accessibles

Alors que la plupart des bibliothèques de composants que nous créons tentent de couvrir tous les suspects habituels (les accordéons, les tableaux, les carrousels, les listes déroulantes, ainsi que la typographie, No Style Design System par Adam Silver se concentre principalement sur l'accessibilité et les formulaires Web.

En tant que système créé pour et utilisé dans son livre sur Form Design Patterns la bibliothèque d'Adam fournit un ensemble de composants accessibles pour tout, de la saisie semi-automatique, des cases à cocher et de la révélation des mots de passe aux radios, des boîtes de sélection et des steppers. La plupart d'entre eux ont un style CSS minimal avec un balisage propre et accessible. Et si vous avez besoin de composants légèrement plus avancés, Heydon Pickering Inclusive Components est là pour vous: avec des didacticiels complets sur les cartes accessibles, les tableaux de données, les notifications, les curseurs, les inerfaces à onglets, les info-bulles, les menus et les bascules. (vf)

Cascades CSS personnalisées

Miriam Suzanne a construit une démo pour illustrer une manière très intelligente de définir une cascade de propriétés personnalisées . Celui qui vous permet de déterminer quelle intention doit avoir la priorité, sans se soucier de la spécificité de la façon dont la valeur est définie.

Miriam montre comment cela fonctionne à l'exemple d'un bouton. En raison de la disposition de la cascade, le bouton par défaut revient toujours à - btn-bg - par défaut . L'ajout de l'attribut désactivé remplace toujours toutes les autres couleurs de bouton, quel que soit leur emplacement et, lorsque de nouveaux types de bouton sont créés, - btn-bg - type garantit que seules les valeurs par défaut sont remplacées mais pas l'état. L'approche vous permet également de définir ces valeurs de manière contextuelle.

Signets frontaux

Certains d'entre nous enregistrent tous les articles et discussions utiles qu'ils rencontrent dans un dossier de signets en constante augmentation (qui peut parfois être difficile de trouver ce que vous cherchez), d'autres ont une approche plus organisée. Comme Manuel Matuzović.

Manuel recueille des articles et parle de HTML, CSS et JavaScript sur son site Signets frontaux , regroupés alphabétiquement par éléments, attributs, propriétés, sélecteurs, méthodes et expressions. Peu importe si vous cherchez des informations sur la façon d'utiliser correctement aria-labelledby ou sur la nature du pseudo-élément :: marker il y a de bonnes chances que Manuel ait déjà compilé utile ressources sur le sujet. Soit dit en passant, si vous pensez qu'une ressource manque dans la collection, n'hésitez pas à y contribuer sur GitHub .

GitHub Tips and Tricks

Savez-vous comment écraser automatiquement s'engage sur GitHub lors de la fusion des demandes de tirage? Ou comment ouvrir un dépôt dans le navigateur à l'aide de GitHub CLI? Sinon, la collection de conseils et d'astuces GitHub de Joe Previte pourrait être pour vous.

partage de petits conseils puissants pour faire passer votre flux de travail GitHub au niveau supérieur. Et pour ceux d'entre vous qui préfèrent apprendre en lisant, la plupart des conseils sont également disponibles sous forme de courts articles de blog.

The Sound Of Colleagues

Le travail à domicile peut avoir de réels avantages par rapport au travail à partir d'un bureau, mais soyons honnêtes, cela peut aussi être une expérience assez solitaire, quand il n'y a pas de collègues autour. Si vous sentez que votre bureau à domicile devient trop calme et que vous avez besoin d'un peu d'agitation en arrière-plan pour rester concentré, The Sound of Colleagues vous soutient.

Le son des collègues vous permet de mélanger des bruits de bureau pour créer votre bruit ambiant de bureau personnalisé. Les gens tapent et parlent, les téléphones sonnent, la machine à café, l'imprimante – toutes ces petites choses s'additionnent pour apporter un peu de sensation de bureau à votre maison.

Une bibliothèque de lecteurs multimédias minimaliste et moderne

Si vous souhaitez intégrer un lecteur multimédia sur votre site, Vime pourrait valoir la peine d'être pris regarder de plus près. Construite autour de l'idée que vous contrôlez le lecteur, et non l'inverse, la bibliothèque open source fournit une alternative à Videojs et Plyr et prend en charge HTML5, HLS, Dash, YouTube, Vimeo et Dailymotion.

Vime brille non seulement avec un look minimaliste et élégant, mais il est également réactif, accessible, modulaire et léger. Il se débrouille sans aucune dépendance externe et est disponible dans différents packages adaptés à différents besoins afin que vous puissiez choisir exactement ce qui est requis pour votre cas d'utilisation. Et comme minimaliste ne signifie pas fade, Vime est soutenu par un système de plugins qui offre beaucoup de place pour la personnalisation – pensez aux contrôles personnalisés, aux paramètres, aux info-bulles, etc. Les deux dernières versions de tous les navigateurs modernes ainsi que IE11 sont prises en charge.

(cm, vf, ra)