Catégories
Astuces et Design

Deux problèmes de style de l'élément Détails et comment les résoudre

Dans un passé pas trop lointain, même les interactions basiques de type accordéon nécessitaient des écouteurs d'événements JavaScript ou des trucs CSS…. Et, selon la solution utilisée, la modification du code HTML sous-jacent peut devenir compliquée. Maintenant le et les éléments (qui se combinent pour former ce qu'on appelle un «widget de divulgation») ont rendu […]

Catégories
Astuces et Design

25+ meilleures textures de fond de fleurs et de fleurs 2021

Lorsqu'il s'agit de concevoir des invitations de mariage et des cartes de vœux, un fond floral est un incontournable qui vous aide à faire ressortir la beauté de vos créations. Dans cette collection, nous vous apportons certains des meilleurs arrière-plans floraux et floraux que vous pouvez utiliser avec de tels projets de conception spéciaux. Un […]

Catégories
Astuces et Design

Un dilemme éthique pour les développeurs de plugins WordPress

J'ai récemment découvert qu'un plugin WordPress populaire avait activé les mises à jour automatiques sans informer explicitement les utilisateurs. Comment l'ai-je découvert? J'ai reçu des e-mails de chaque site sur lequel le plugin était installé m'informant qu'une mise à jour avait été effectuée. Mais ça va mieux. Pendant les vacances, un collègue m'a demandé de […]

Catégories
Astuces et Design

Construire des composants flexibles avec transparence

En ajoutant une touche de transparence, nous pouvons concevoir des composants qui s'adaptent automatiquement à leurs arrière-plans. Je conçois souvent des composants qui seront utilisés dans une grande variété de contextes. Plusieurs fois, j'ai conçu un composant sur un fond blanc, puis j'ai rencontré des problèmes en essayant d'utiliser ce même composant sur un arrière-plan […]

Catégories
Astuces et Design

Nouveautés du commerce électronique, janvier 2021

La conception du commerce électronique peut sembler assez simple; vous créez une boutique en ligne qui présente les produits ou services d'une entreprise et offre aux clients un moyen rapide et sans douleur de les acheter. Bien que cette formule soit toujours vraie, le commerce électronique subit de grands changements et les concepteurs Web doivent […]

Catégories
Astuces et Design

Plan d'affaires WordPress.com (Hébergement WordPress de classe affaires + Assistance d'experts WordPress)

WordPress.com est l'endroit où vous utilisez WordPress qui est entièrement hébergé pour vous. Vous n'avez à vous soucier de rien d'autre que de la création de votre site. Il existe un plan gratuit pour commencer et des plans payants qui offrent plus de fonctionnalités. Le Business plan est particulièrement intéressant, et je suppose que la […]

Catégories
Astuces et Design

Correction du défilement fluide avec Find-on-Page

À l'époque où nous avons publié la conception v17 (nous sommes maintenant sur la version 18) de ce site. J'ai ajouté html { scroll-behavior: smooth; } au CSS. Tout de suite, j'ai reçu des commentaires comme celui-ci (juste un exemple): … Lorsque vous contrôlez + f ou commande + f et effectuez une recherche sur […]

Catégories
Astuces et Design

Comment ajouter des virgules entre une liste d'éléments dynamiquement avec CSS

Imaginez que vous ayez une liste d'articles. Dites, fruit: banane, pomme, orange, poire, nectarine Nous pourrions mettre ces virgules (,) dans le HTML, mais voyons comment nous pourrions le faire en CSS à la place, ce qui nous donne un niveau de contrôle supplémentaire. Nous nous assurerons que le dernier élément n’a pas de virgule […]

Catégories
Astuces et Design

50+ meilleures polices Slab Serif de 2021

Les polices slab serif peuvent être utilisées à diverses fins, allant du corps du texte général aux titres, en passant par la copie d'affichage. Il s'agit d'une variante de typographie largement utilisée à des fins numériques et imprimées, et des appareils tels que Amazon Kindle utilisent même un empattement de dalle comme police par défaut. […]

Catégories
Astuces et Design

10 meilleurs modèles de vidéo d'introduction professionnelle pour After Effects pour 2021

Lorsque le professionnalisme est important, il est temps de se tourner vers les experts. Mais ne pensez pas que cela signifie engager un producteur vidéo et vous ruiner. Au lieu de cela, utilisez un modèle de vidéo d'introduction professionnelle pour After Effects pour préparer le terrain. Vous pouvez utiliser des modèles vidéo professionnels à de […]

Catégories
Astuces et Design

Oops! Gérer vos erreurs d'indépendant

L'une des réalités les plus dures d'être un concepteur Web indépendant (et un humain) est que nous sommes obligés de faire des erreurs. Aucun de nous ne peut échapper à ce fait. Par conséquent, nous pouvons aussi bien l'accepter. Pourtant, il existe des différences majeures dans la gravité des erreurs que nous commettons. Une petite […]

Catégories
Astuces et Design

Qu'est-ce que l'apprentissage automatique? – Magazine Smashing

Dans cet épisode, nous parlons de Machine Learning. À quel type de tâches pouvons-nous le mettre dans un contexte de développement Web? Drew McLellan parle à l'expert Charlie Gerard pour le savoir. Dans cet épisode, nous parlons de Machine Learning. À quel type de tâches pouvons-nous le mettre dans un contexte de développement Web? J'ai […]

Catégories
Astuces et Design

Flash est mort.

31 décembre 2020 Logo Flash de SVGRepo utilisé sous un CC0 Licence. En juillet 2017, Adobe a annoncé que le 31 décembre 2020 marquerait la fin de la ligne pour Flash Player. Flash Player ne recevra plus de mises à jour. Flash Player ne lira plus le contenu Flash à partir du 12 janvier 2021. […]

Catégories
Astuces et Design

Animation avec Lottie | Astuces CSS

Je pense que l'animation sur le Web est non seulement amusante, mais aussi engageante de telle sorte qu'elle a converti le site visiteurs dans les clients. Pensez au bouton «J'aime» sur Twitter. Lorsque vous «aimez» un tweet, de minuscules bulles colorées se répandent autour du bouton en forme de cœur alors qu'il semble se transformer […]

Catégories
Astuces et Design

Liste de contrôle des performances frontales 2021 – Smashing Magazine

La livraison des polices Web est-elle optimisée?La première question qui mérite d'être posée est de savoir si nous pouvons nous en sortir avec l'utilisation des polices système de l'interface utilisateur en premier lieu – nous devons simplement nous assurer de vérifier qu'elles apparaissent correctement sur différentes plates-formes. Si ce n’est pas le cas, il y […]

Catégories
Astuces et Design

4 prévisions pour le Web en 2021

Le début de l'année est toujours un bon moment pour réévaluer les priorités et envisager de nouvelles approches, mais 2021 est plus une réinitialisation que ce à quoi nous nous attendions à la même époque l'année dernière. Il est peu probable que l’année 2020 soit la meilleure année de leur vie dans l’autobiographie de qui […]

Catégories
Astuces et Design

Un premier aperçu de l'édition complète du site dans WordPress

Voici une question existentielle pour les développeurs Web: quelle séparation doit-il y avoir entre le système de gestion de contenu (CMS) d’un site Web et sa conception? Pour de nombreux services de bricolage (Wix, Squarespace, etc.), presque toutes les facettes d'un site Web peuvent être modifiées visuellement. Qu'il s'agisse de contenu, de conception ou de […]

Catégories
Astuces et Design

Première semaine de conception Web – 8 janvier 2021

Après avoir pris une brève pause pour les vacances, nous sommes de retour avec la première édition du nouvel an de "Cette semaine dans la conception Web". Pour les non-initiés, nous publions chaque vendredi ce tour d'horizon de tous les articles de conception et de développement Web que nous avons trouvés autour des interwebs publiés […]

Catégories
Astuces et Design

Animations sveltes et printanières | Astuces CSS

Les animations printanières sont un excellent moyen de donner vie aux interactions de l'interface utilisateur. Plutôt que de simplement changer une propriété à une vitesse constante sur une période de temps, les ressorts nous permettent de déplacer des objets en utilisant la physique des ressorts, ce qui donne l'impression d'une chose réelle en mouvement et […]

Catégories
Astuces et Design

Premiers pas avec le package GetX dans les applications Flutter – Smashing Magazine

A propos de l'auteur Kelvin est un fabricant de logiciels indépendant qui construit actuellement Sailscasts – une plate-forme pour apprendre le JavaScript côté serveur. Il est également rédacteur technique et… Plus à propos Kelvin … GetX est une solution ultra légère pour la gestion de l'état, de la navigation et des dépendances pour les applications […]