Catégories
Astuces et Design

Nouvelles de conception populaires de la semaine: 13 avril 2020 – 19 avril 2020

Chaque semaine, les utilisateurs soumettent beaucoup de choses intéressantes sur notre site frère Webdesigner News, mettant en évidence un excellent contenu provenant du Web qui peut intéresser les concepteurs de sites Web. La meilleure façon de garder une trace de toutes les bonnes histoires et nouvelles publiées est simplement de consulter le site Webdesigner News, […]

Catégories
Astuces et Design

Défis frontaux | Astuces CSS

Ma façon préférée de passer au niveau supérieur en tant que développeur frontal est de faire le travail. Créez simplement des sites Web. Si vous pouvez le faire pour de l'argent, tant mieux, vous devriez. Si les sites Web que vous créez peuvent vous aider vous-même ou aider une autre personne qui vous est chère, […]

Catégories
Astuces et Design

Ajout pseudo-aléatoire d'illustrations avec CSS – Pensées archivées d'Eric

J'ai été incroyablement satisfait et un peu humilié par les réponses au nouveau design. Alors tout d'abord, merci à tous ceux qui ont partagé leurs réactions! J'apprécie vraiment votre gentillesse et je voudrais rendre un peu hommage à cette gentillesse en partageant certaines des techniques que j'ai utilisées pour créer ce design. Aujourd'hui, parlons des […]

Catégories
Astuces et Design

De meilleures entrées de formulaire pour de meilleures expériences utilisateur mobile

Voici un moyen simple et pratique d'améliorer les performances des applications sur les appareils mobiles: configurez toujours les champs de saisie HTML avec le bon type, inputmode, et autocomplete les attributs. Bien que ces trois attributs soient souvent discutés isolément, ils sont les plus pertinents dans le contexte de l'expérience utilisateur mobile lorsque vous les […]

Catégories
Astuces et Design

Rester connecté et apprendre les uns des autres – 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 … Un mois, c'est long pour rester au courant des choses. Vous trouverez ici un aperçu […]

Catégories
Astuces et Design

Pourquoi avons-nous besoin de normes Web?

Lorsque vous vous asseyez pour créer un nouveau site Web, vous avez probablement un processus strict que vous suivez avec des listes de contrôle pour tout ce qui doit être fait. Mais ces listes de contrôle contiennent-elles quelque chose sur les normes Web? Et, sinon, le devraient-ils? Aujourd'hui, nous allons voir quelles sont les normes […]

Catégories
Astuces et Design

Création de thèmes de couleurs avec des propriétés personnalisées, HSL et un peu de calc ()

Avant l'avènement des propriétés personnalisées CSS (nous pourrions les appeler des «variables» dans cet article car c'est leur esprit), la mise en œuvre de plusieurs schémas de couleurs sur le même site Web signifiait généralement l'écriture de feuilles de style distinctes. Certainement pas la chose la plus maintenable au monde. De nos jours, cependant, nous […]

Catégories
Astuces et Design

Merci, Christopher Schmitt | Astuces CSS

C'est incroyablement triste que Christopher Schmitt est décédé la semaine dernière¹. Je continue de penser à la façon dont Christopher était l'un des meilleurs gars que je connaissais. Incroyablement gentil et attentionné tout au long du processus. Je sais que tout le monde dit ça des gens après leur décès, mais je le pense vraiment […]

Catégories
Astuces et Design

Recherche instantanée Jetpack! | Astuces CSS

Jetpack a une fonction de recherche depuis un certain temps. Allumez-le et il remplace votre recherche WordPress intégrée (qui est fonctionnelle, mais pas particulièrement bonne) par une solution optimisée par Elasticsearch qui est plus rapide et donne de meilleurs résultats. Je l'utilise depuis un bon moment ici sur CSS-Tricks, qui était une mise à niveau […]

Catégories
Astuces et Design

Modèles, administrateur et exploitation de la base de données relationnelle (partie 3) – Smashing Magazine

A propos de l'auteur Philip Kiely est développeur, écrivain et entrepreneur. Il est étudiant au Grinnell College (promotion 2020). Plus à propos Philippe Kiely … Le panneau d'administration est l'une des fonctionnalités les plus puissantes et flexibles fournies par le framework Web Django, combinant des fonctionnalités instantanées standard avec une personnalisation infinie. À l'aide d'un […]

Catégories
Astuces et Design

Barre de défilement CSS avec indicateur de progression

Les barres de défilement sont des indicateurs de progression naturels. La distance parcourue par la barre de défilement est le niveau de progression du défilement de cet élément (souvent la page entière). Mais, ils ressemblent plus à des indicateurs de progrès qu'à des compteurs, si vous considérez un compteur comme quelque chose qui «se remplit» […]

Catégories
Astuces et Design

Créer un chemin de mouvement CSS réactif? Bien sûr que nous pouvons!

Il y a eu récemment une discussion sur l'animation au travail Slack: comment pourriez-vous rendre un chemin de mouvement CSS réactif? Quelles techniques fonctionneraient? Cela m'a fait réfléchir. Un chemin de mouvement CSS nous permet d'animer des éléments le long de chemins personnalisés définis par l'utilisateur. Ces chemins suivent la même structure que les chemins […]

Catégories
Astuces et Design

Meilleures pratiques avec React Hooks – Smashing Magazine

A propos de l'auteur Adeneye David Abiodun est un amoureux de JavaScript et un passionné de technologie, a fondé @corperstechhub et est actuellement conférencier / technologue informatique @critm_ugep. Je construis … Plus à propos Adeneye … Cet article couvre les règles de React Hooks et comment les utiliser efficacement dans vos projets. Veuillez noter que […]

Catégories
Astuces et Design

10 projets secondaires inspirants de designers

Il existe de nombreuses raisons pour lesquelles les concepteurs choisissent de prendre en charge des projets secondaires pour compléter leur travail. Qu'ils cherchent à gagner un peu plus d'argent, à se développer professionnellement, à améliorer leur marque personnelle ou à acquérir de nouvelles compétences; les projets parallèles peuvent être un excellent moyen de fournir un […]

Catégories
Astuces et Design

Comment rendre la vie plus facile lors de l'utilisation de Git – Smashing Magazine

A propos de l'auteur Shane Hudson est un développeur front-end indépendant du Royaume-Uni qui a travaillé sur une variété de projets allant d'un service national de triage des soins de santé en ligne… Plus à propos Shane … Vous n'avez pas besoin de connaître vos arbres à partir de vos gouttes pendantes. Si vous utilisez […]

Catégories
Astuces et Design

Listes de contrôle des modèles de conception d'interface intelligente PDF – Smashing Magazine

A propos de l'auteur Rachel Andrew est non seulement rédactrice en chef du magazine Smashing, mais également développeur Web, écrivaine et conférencière. Elle est l'auteur de plusieurs livres, dont… Plus à propos Rachel Andrew … Annonce d'un ensemble de listes de contrôle pour vous aider à créer des modèles de conception d'interface intelligente. Totalement gratuit […]

Catégories
Astuces et Design

Les éléments constitutifs du design – Smashing Magazine

A propos de l'auteur Gleb a plus de 15 ans d'expérience dans la conception de produits, d'interfaces utilisateur et d'UX dans les écosystèmes Web, mobiles et TV. Gleb a légitimement acquis une suite mondiale… Plus à propos Gleb … Un langage de conception visuelle robuste est la pierre angulaire d'une bonne conception. Voici comment l'équipe […]

Catégories
Astuces et Design

Restez créatif, restez inspiré (avril 2020 Wallpapers Edition) – Smashing Magazine

Accueillons le nouveau mois avec de nouveaux fonds d'écran. Conçus avec amour par des artistes et designers du monde entier, ils sont disponibles avec et sans calendrier pour avril 2020. Dans des moments comme ceux-ci, où notre vie de tous les jours s'arrête et où nous essayons de trouver des stratégies pour faire face à […]

Catégories
Astuces et Design

Utilisation de CSS pour placer du texte à l'intérieur d'un cercle

Vous voulez mettre du texte à l'intérieur de la forme d'un cercle avec HTML et CSS? C'est un discours fou, non? Pas vraiment! Grâce à shape-outside et une pure ruse CSS, il est possible de faire exactement cela. Cependant, cela peut être une option de mise en page difficile. Nous devons prendre en compte de […]

Catégories
Astuces et Design

Comment créer une animation de piste de particules en JavaScript – Smashing Magazine

A propos de l'auteur Anna Prenzel a étudié l'informatique à l'Université des sciences appliquées de Zittau / Görlitz et a obtenu son doctorat au BTU Cottbus-Senftenberg. Elle est … Plus à propos Anna … Les animations de particules font partie des animations les plus impressionnantes qui existent. Dans cet article, Anna Prenzel vous expliquera comment […]