Catégories
Astuces et Design

SmashingConfs, discussions inspirantes et gâteau d'anniversaire – 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 y a beaucoup d’informations là-bas – c’est un fait. Dans ces éditions mensuelles, Iris, rédactrice en chef de Smashing, rassemble tout cela en un seul endroit, car nous savons à quel point il peut être difficile de rester au courant des choses. Alors sans plus tarder, voici ce qui était, ce qui est et ce qui sera!

Saviez-vous quand le premier article a été publié sur Smashing Magazine? Eh bien, il ne faut pas longtemps pour faire des recherches et le découvrir: c'était en septembre 2006. Depuis, le web a évidemment changé beaucoup, mais il y a une chose qui est toujours restée vraie pour nous: nous nous soucions du contenu de qualité. Nous n'avons jamais voulu être une grande maison d'édition: notre équipe est petite, mais c'est une équipe vraiment formidable de personnes qui se soucient vraiment de ce qu'elles font. Passionné et dévoué. Honnête et respectueux. Professionnel mais informel. Original et personnel.

Cette année n’a pas été tout à fait celle que nous avions prévue, mais nous sommes très fiers de l’avoir si bien géré. Dès que les verrouillages ont été annoncés, nous avons lancé nos événements en ligne, et c'est formidable de voir à quel point ils sont reçus. L'équipe s'amuse tellement à rencontrer des gens dans différents fuseaux horaires tout en étant dispersée dans le monde entier.

Ainsi, après 14 ans de publication en ligne, nous sommes toujours résolus à nourrir la productivité, à améliorer les compétences en matière de conception et de développement et à affiner l'équilibre travail-vie personnelle. Nous espérons que nos articles, guides, podcast, livres numériques, offres d'emploi, conférences, newsletter et abonnement vous aideront à explorer et à apprendre chaque jour quelque chose de nouveau. S'améliorer – ensemble – en apprenant les uns des autres; c’est vraiment l’esprit qui a été notre mantra pendant toutes ces années.

Topple the Cat distribuant des morceaux de délicieux gâteau ... enfin, virtuellement.
Merci pour votre confiance et votre soutien continu – cela signifie vraiment le monde pour nous! Miaou!

L'année dernière, notre rédactrice en chef Rachel Andrew a déjà partagé un certain nombre d'histoires personnelles de l'équipe Smashing, mais au cas où vous ne commenceriez que récemment à lire Smashing Magazine et que vous n'êtes pas là depuis si longtemps, peut-être que vous '' J'aimerais lire nos consignes pour en savoir plus sur la façon dont les choses se passent ici. Nous sommes toujours heureux de nouer de nouveaux contacts et d'explorer de nouvelles possibilités, et serions très heureux de vous accueillir au sein de notre équipe Smashing!

Listes de contrôle de conception d'interface PDF (100 cartes, mises à jour régulièrement)

Fiches de contrôle PDFIl y a quelques semaines, nous avons publié une édition numérique de Vitaly’s Listes de contrôle de conception d'interface intelligente dont nous aimons beaucoup ajouter à notre collection Smashing. Les cartes ont été créées pour aider les concepteurs et les développeurs aplanir les malentendus dès le début de leur travail, évitant ainsi l'ambiguïté et les erreurs coûteuses sur toute la ligne. Aller à la table des matières →

Veuillez noter que les cartes ne sont actuellement disponibles qu'au format PDF – nous faisons de notre mieux pour les imprimer dès qu'il est possible de les expédier dans le monde entier!

Ateliers en ligne à venir

Alors, quelle est la prochaine chance de participer à un atelier et de rencontrer toutes les personnes extraordinaires de l'industrie? Ne cherchez plus: j'ai indiqué ci-dessous toutes les dates et tous les noms:

Participer à un événement en ligne Smashing signifie que vous participerez à des sessions en direct, des questions-réponses, des zones de discussion, des défis et bien plus encore! Rejoignez-nous – nous proposons également des sous-titres en direct en anglais!

Quelques exemples de plus d'une centaine de designs de badges de SmashingConf Freiburg 2020
Quelques exemples de plus d'une centaine de designs de badges de SmashingConf Freiburg 2020 (Voir plus de designs de badges →)

Prochaines conférences en ligne

Comme nous avons décidé de mettre en ligne tous nos événements 2020, il y en a encore deux autres auxquels vous pouvez vous joindre pour vous amuser à SmashingConf. Nous espérons vous voir là-bas!

SmashingConf Austin / NY Online (13-14 octobre)

SmashingConf Austin en ligne 2020Nous avons combiné la programmation pour New York et Austin car ces deux événements étaient si proches et similaires. Nous organiserons cet événement à l’heure du Centre, comme si nous étions tous à Austin. Consultez l'horaire et achetez des billets ici. Nous serions ravis de vous voir en octobre!

SmashingConf SF Online (du 10 au 11 novembre)

SmashingConf San Francisco en ligne 2020Dans PST, rejoignez-nous pour une SmashingConf San Francisco du 10 au 11 novembre. 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!

Chez Smashing Magazine, nous publions au moins un nouvel article chaque jour qui est lié à un sujet important dans l'industrie du Web. Bien sûr, nous avons un flux RSS auquel vous pouvez vous abonner à tout moment si vous souhaitez être parmi les premiers lecteurs à être informés dès qu'il y aura du nouveau contenu dans lequel plonger!

Newsletter Best Picks

Alors 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 les CSS, l'accessibilité frontale et JavaScript. 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:

Illustrations et animations vectorielles gratuites

Une vache kidnappée par des extraterrestres, un cornet de glace tombé au visage triste, le monstre du Lochness sortant de l'eau. Voici quelques-unes des animations amusantes d'état d'erreur que les gens de Pixel True Studios proposent en téléchargement gratuit dans leur ensemble d'illustrations vectorielles et d'animations.

Illustration d'un astronaute flottant dans l'espace avec un chat. "Border =" 0

Outre les animations d'état d'erreur, l'ensemble comprend des illustrations, des icônes et des animations pour illustrer tout ce qu'un projet Web peut exiger: sécurité, recherche, contact, commerce électronique, référencement, et bien plus encore. Les illustrations sont disponibles en SVG, les animations sont réalisées avec Lottie. Publié sous une licence MIT, vous pouvez les utiliser gratuitement à la fois dans des projets personnels et commerciaux. Un excellent moyen d'ajouter une touche amusante et conviviale à un design. (cm)

Un voyage à travers la conception Web japonaise et cyrillique

Le Web couvre le monde entier, cependant, lorsque nous parlons de conception de sites Web, les exemples et les vitrines tournent généralement autour des 26 caractères de l'alphabet latin. D'autres systèmes d'écriture ne font souvent pas partie de la discussion – avec pour effet que beaucoup de sites Web brillants restent inaperçus pour beaucoup d'entre nous. Il est temps de changer cela.

Conception Web japonaise "border =" 0

Si vous souhaitez découvrir la conception Web japonaise, Conception Web réactive JP est pour toi. Les exemples de la collection brillent avec une légèreté et une concentration uniques sur l'essentiel, et, même si vous ne maîtrisez pas le japonais, vous pouvez parcourir la vitrine par technique.

Un autre site inspirant qui nous permet de regarder au-delà du système d'écriture latin est Conception cyrillique, dédié aux sites utilisant des polices cyrilliques. De nombreux designs magnifiques y sont découverts et il est particulièrement intéressant de voir comment le texte est utilisé pour faire des déclarations audacieuses. Deux rappels fantastiques pour chercher l'inspiration en dehors de nos propres zones de confort. (cm)

Les diagrammes cloud simplifiés

Rendant visibles des relations et des contextes complexes, un diagramme bien conçu peut souvent remplacer de longues explications. Un petit outil fantastique pour vous aider la prochaine fois que vous aurez besoin de visualiser une architecture cloud, vient de Mark Mankarious: Isoflow.

Isoflow "border =" 0

Isoflow fonctionne directement dans le navigateur et fournit une interface facile à utiliser qui permet de créer de superbes diagrammes isométriques en quelques minutes seulement. Faites simplement glisser et déposez les éléments dont vous avez besoin sur le canevas, connectez-les et ajoutez des étiquettes. Une fois que vous êtes satisfait du résultat, vous pouvez exporter le diagramme pour l'impression ou le Web – grâce aux icônes vectorielles, il sera net à n'importe quelle taille. Un véritable gain de temps. (cm)

Fonctionnalités du site Web qui ennuient les utilisateurs de lecteurs d'écran

Une légende alt manquante, une vidéo à lecture automatique, des boutons sans étiquette, une mauvaise utilisation des en-têtes, des formulaires Web inaccessibles – ce qui peut sembler être un petit problème pour les utilisateurs voyants peut faire la différence entre pouvoir utiliser un site Web indépendamment ou non pour les aveugles et les personnes malvoyantes. Holly Tuke le sait de sa propre expérience.

Hiérarchie des titres. De la rubrique 1 à la rubrique 5. "border =" 0

Pour sensibiliser aux problèmes d'accessibilité courants, Holly a résumé cinq fonctionnalités de site Web ennuyeuses auxquelles elle est confrontée en tant qu'utilisateur de lecteur d'écran chaque jour et, bien sûr, comment les résoudre. Petits détails qui font une énorme différence. (cm)

Accessibilité pour les équipes

L'accessibilité va bien au-delà du code, donc lorsqu'il s'agit de fournir des sites Web accessibles, chaque personne d'une équipe a ses responsabilités spécifiques. Si vous pensez que votre équipe n’a pas encore trouvé la bonne stratégie pour s’attaquer à l’accessibilité, le guide de Peter van Grieken «Accessibilité pour les équipes» est là pour vous.

Introduction au chapitre «Accessibilité pour les UX Designers» du guide, avec un bref résumé du chapitre et une illustration d'une personne travaillant sur des wireframes. "Border =" 0

Le guide se compose de six parties, chacune d'entre elles s'adressant aux différents spécialistes de votre équipe: chefs de produit, concepteurs de contenu, concepteurs UX, concepteurs visuels et développeurs front-end, ainsi qu'un guide sur les tests d'accessibilité. Le guide est encore un travail en cours, les parties pour les chefs de produit et les concepteurs UX ont déjà été publiées. Une excellente ressource qui aide à intégrer l'accessibilité dans le flux de travail de votre équipe de A à Z. (cm)

Concevoir des systèmes de partout dans le monde

Un système de conception efficace vous aide à réutiliser les composants de l'interface utilisateur pour créer des expériences utilisateur cohérentes dans tous les aspects d'un produit. Si vous avez besoin d'inspiration pour ce à quoi pourrait ressembler votre système de conception, Josh Cusick a lancé le projet Systèmes de conception pour Figma, une collection de systèmes de conception du monde entier.

Systèmes de conception pour Figma "border =" 0

Atlassian, Audi, Uber, la ville de Chicago, Apple, Goldman Sachs, Slack – ce ne sont que quelques-unes des 45 entreprises présentées dans la collection. Tous les systèmes de conception ont été créés dans Figma, donc si vous êtes vous-même un utilisateur de Figma, vous pouvez dupliquer ou télécharger un fichier pour inspecter la façon dont le système de conception a été créé. Un regard précieux sur le fonctionnement des autres équipes de conception. (cm)

Le passé, le présent et l'avenir des interfaces

Pourquoi interagissons-nous? En 2018, le concepteur produit Ehsan Noursalehi a présenté une conférence sur le sujet lors d'une rencontre. Cet été, après plusieurs mois de stricte quarantaine lui ont donné une nouvelle perspective sur notre relation avec la technologie, il a décidé de convertir ses observations et questions en un micro livre en ligne.

Pourquoi interagissons-nous? "Border =" 0

Pourquoi interagissons-nous jette un regard historique sur les interfaces pour comprendre comment elles nous permettent d'utiliser l'information de manière si puissante qu'elles peuvent fondamentalement changer ce que signifie être humain. Un voyage stimulant de l’échec Apple Newton de 1993 aux interfaces vocales d’aujourd’hui et aux défis que l’avenir pourrait apporter, ainsi qu’un rappel précieux sur le véritable objectif du travail d’un designer. (cm)

Générer des objets blob avec facilité

Un blob est un blob est un blob? Pas du tout! Lokesh Rajendran a créé un outil cool et minimaliste qui vous permet de générer facilement de belles formes de blob pour les applications Web et Flutter.

Générateur d'objets blob "border =" 0

Blobs, comme le générateur de blob est appelé, crée des blobs aléatoires ou fixes pour vous, tout ce que vous avez à faire est d'ajuster le niveau d'aléa et de complexité. Vous pouvez également personnaliser la couleur des blobs, bien sûr, et, si vous le souhaitez, définir un dégradé pour le remplissage ou le contour. Pour utiliser le blob tout de suite dans un projet ou le personnaliser davantage en l'animant ou en le découpant, le générateur vous fournit le code SVG et Flutter. Parfait pour une jolie petite animation d'interface utilisateur, comme arrière-plan pour une icône, un cadre ou tout ce à quoi vous pouvez penser. Bonne blobbing! (cm)

Accélérer JavaScript dans le navigateur

Autrefois ridiculisé pour sa lenteur, JavaScript est devenu l'un des langages dynamiques les plus optimisés et les plus performants. Mais comment pouvez-vous en obtenir autant performance hors de lui que possible dans un projet réel? Jonathan Dinu partage une feuille de route pour déterminer comment accélérer votre application JavaScript.

Accélération de JavaScript dans le navigateur "border =" 0

Au cœur de la feuille de route se trouve un organigramme pour vous aider à évaluer le type de goulot d'étranglement des performances auquel vous faites face et comment le résoudre. Jonathan explore diverses options pour tirer parti des API et des technologies natives du navigateur pour accélérer l'exécution de JavaScript et donne des conseils lorsqu'une solution est bénéfique et lorsqu'elle peut même nuire aux performances. Une plongée approfondie dans les données de streaming, les travailleurs Web, le GPU et l'assemblage Web. (cm)

Concevez votre propre jeu 2D

Arcades, jeux de tir, aventures, puzzles – avez-vous un endroit idéal pour les jeux? Alors Ct.js est fait pour vous. Le cadre et l'éditeur de jeu gratuits et open-source vous permettent de créer des jeux 2D de tout genre tout en mettant vos compétences JavaScript à l'épreuve.

L'éditeur de jeu Ct.js "border =" 0

Basée sur WebGL, la bibliothèque modulaire est couplée à un éditeur visuel qui vous aide à donner vie à votre jeu. Ct.js est conçu pour être convivial pour les débutants, il existe donc des didacticiels, des exemples modifiables et des démos à bricoler; les utilisateurs plus avancés peuvent même y ajouter leur propre bibliothèque JavaScript pour étendre les possibilités. La documentation propose une introduction concise au monde des variables, des propriétés, des instructions conditionnelles, des boucles et des opérations, faisant de Ct.js une excellente ressource pour les étudiants qui font juste leurs premiers pas dans le codage. (cm)

Votre application sert-elle des utilisateurs avec des logiques commerciales très différentes? Créez-vous fréquemment des «indicateurs de fonctionnalités» pour activer et désactiver certaines parties de votre code pour différents utilisateurs? Votre logique métier est-elle compliquée et difficile à maintenir? Si vous avez répondu «oui» à l'une de ces questions, vous voudrez peut-être jeter un œil à Flume.

Flume "border =" 0

L'éditeur de nœuds React et moteur d'exécution vous aide à créer des applications résilientes aux exigences changeantes en modélisant votre logique métier sous forme de graphique JSON. L'interface utilisateur élégante de Flume facilite la création et la modification des graphiques et son moteur rapide exécute votre logique n'importe où – dans un navigateur, sur votre serveur, dans n'importe quel environnement JavaScript et, si vous n'utilisez pas de serveur de nœuds, dans n'importe quel environnement qui prend en charge JSON. Flume est publié sous une licence MIT Open-Source. (cm)

Plus de trucs sensationnels

Au cours des dernières années, nous avons eu beaucoup de chance d'avoir travaillé 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 *