Savez-vous quand le tout 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 lors, le Web a manifestement beaucoup changé 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 l’année que nous avions prévue, mais nous sommes très fiers de la gérer si bien. 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 bien reçus. L'équipe a tellement de plaisir à rencontrer des gens dans différents fuseaux horaires tout en étant dispersée dans le monde entier.
Donc, après 14 ans de publication en ligne nous sommes toujours résolus à nourrir la productivité, à améliorer les compétences en conception et en développement et affiner l'équilibre travail-vie personnelle. Nous espérons que nos articles guides podcast digital books jobs openings conférences newsletter et adhésion 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.
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 auriez tout récemment commencé à lire Smashing Magazine et havre Cela fait longtemps que vous aimeriez peut-être lire nos lignes directrices pour en savoir plus sur la façon dont les choses fonctionnent 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 à bord de notre équipe Smashing!
Listes de contrôle de conception d'interface PDF (100 cartes, mises à jour régulièrement)
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 sera possible d'expédier dans le monde entier!
Ateliers en ligne à venir
Alors, quelle est la prochaine chance de rejoindre un atelier et de rencontrer toutes les personnes formidables 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!
Prochaines conférences en ligne
Comme nous avons décidé de prendre tous nos événements 2020 en ligne, il y en a encore deux autres auxquels vous pouvez participer pour vous amuser à SmashingConf. Nous espérons vous y voir!
SmashingConf Austin / NY Online (13-14 octobre)
SmashingConf SF Online (10-11 novembre)
Sujets tendance sur Smashing Magazine
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
Comme nous avons commencé à 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 CSS 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 émergeant 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 .
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 beaucoup plus. 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 Web, les exemples et les vitrines tournent généralement autour des 26 caractères de l'alphabet latin . Les autres systèmes d'écriture ne font souvent pas partie de la discussion – avec pour effet que de nombreux sites Web brillants restent inaperçus pour beaucoup d'entre nous. Il est temps de changer cela.
Si vous êtes prêt pour un voyage à travers la conception de sites Web japonais, Responsive Web Design JP est pour tu. Les exemples de la collection brillent avec une légèreté unique et une concentration 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 jeter un regard au-delà du latin Le système d'écriture est Cyrillic Design 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 de nuages en toute simplicité
Pour rendre visibles des relations et des contextes complexes, un diagramme bien fait 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 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 impression ou 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 du lecteur 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 peuvent faire la différence entre pouvoir utiliser un site Web de manière indépendante ou non pour les personnes aveugles et malvoyantes. Holly Tuke le sait de sa propre expérience.
Pour sensibiliser aux problèmes d'accessibilité courants, Holly a résumé cinq fonctionnalités ennuyeuses du site Web auxquelles elle est confrontée en tant qu'utilisateur de lecteur d'écran chacune 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 membre 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 aborder l'accessibilité, le guide de Peter van Grieken « Accessibilité pour les équipes » est là pour vous.
Le guide se compose de six parties, chacune d'elles étant chez les 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 toujours en cours d'élaboration, les parties destinées aux chefs de produit et aux 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)
Systèmes de conception 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 Design Systems For Figma une collection de systèmes de conception du monde entier.
Atlassian, Audi, Uber, la ville de Chicago, Apple, Goldman Sachs, Slack – ce ne sont que quelques-unes des 45 sociétés 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.
Why Do We Interface 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 sois 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 précieux rappel sur le véritable objectif du travail d’un designer. (cm)
Générer des blobs 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 superbes formes de blob pour les applications Web et Flutter.
Accélération de 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 du marché. Mais comment pouvez-vous en tirer autant de performances que possible dans un projet réel? Jonathan Dinu partage une feuille de route pour déterminer comment accélérer votre application JavaScript .
Au cœur de la feuille de route se trouve un organigramme pour vous aider à évaluer le type de goulot d'étranglement de performance auquel vous êtes confronté 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 pour vous. Le framework et l'éditeur de jeux gratuits et open-source vous permettent de créer des jeux 2D de tout genre tout en mettant vos compétences JavaScript à l'épreuve.
Basée sur WebGL, la bibliothèque modulaire est associée à un éditeur visuel qui vous aide à donner vie à votre jeu. Ct.js est conçu pour être convivial pour les débutants, il y a donc des tutoriels, 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 pouvez jeter un œil à Flume .
The React-powered L'éditeur de nœuds et le moteur d'exécution vous aident à créer des applications résilientes à l'évolution des besoins 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
Ces 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 la forme livres qui résistent à l'épreuve du temps . Paul et Alla font partie de ces personnes. Avez-vous déjà consulté leurs livres?
Click!
Un guide pratique sur la façon d'encourager les clics sans astuces louches. [19659006] Ajouter au panier 39 $
Design Systems
Un guide pratique pour créer des langages de conception pour les produits numériques. [19659006] Ajouter au panier 39 $
Ateliers front-end et UX
Sessions interactives en ligne en direct, divisées en segments de 2,5 heures et questions-réponses conviviales.
Source link