Catégories
Astuces et Design

Un aperçu des différents types de stockage de navigateur

Dans le développement back-end, le stockage est une partie commune du travail. Les données d'application sont stockées dans des bases de données, des fichiers dans le stockage d'objets, des données transitoires dans des caches… il y a des possibilités apparemment infinies pour stocker tout type de données. Mais le stockage des données ne se limite […]

Catégories
Astuces et Design

Paiements WooCommerce, maintenant avec prise en charge des abonnements et des cartes enregistrées

Il y a peu de temps, nous avons annoncé que WooCommerce avait livré une fonctionnalité de paiement bêta dans le cadre de sa version 4.0. C'est un plugin gratuit sans frais mensuels ni frais de configuration. Vous ne payez que lorsque vous effectuez une vente. Nous l'utilisons ici même chez CSS-Tricks. En fait, Chris l'a […]

Catégories
Astuces et Design

Des moyens plus intelligents pour générer une structure HTML imbriquée profonde

Disons que nous voulons avoir la structure HTML suivante: C’est vraiment pénible d’écrire manuellement. Et la raison pour laquelle ce message est né était horrifié de le voir généré avec Haml comme ceci: .boo .boo .boo .boo .boo Il y avait en fait une vingtaine de niveaux d'imbrication dans le code que j'ai vu, mais […]

Catégories
Astuces et Design

10 meilleurs exemples de Pitch Deck qui ont créé des startups (+ modèles)

Avoir une bonne idée de startup ne suffit pas si vous ne pouvez pas faire voir votre vision aux autres. Les Pitch Decks sont le support utilisé pour combler cet écart. Pour aider à visualiser votre idée de démarrage auprès des investisseurs. Un pitch deck bien conçu est généralement la raison du succès de nombreuses […]

Catégories
Astuces et Design

La promesse ratée des composants Web – Lea Verou

Les composants Web avaient tellement de potentiel pour permettre à HTML de faire plus, et rendre le développement Web plus accessible aux non-programmeurs et plus facile pour les programmeurs. Rappelez-vous à quel point c'était passionnant à chaque fois que nous recevions de nouveaux éléments HTML brillants qui faire des trucs? Vous vous souvenez à quel […]

Catégories
Astuces et Design

Comparaison des méthodes de coiffage en 2020

Sur Smashing, Adebiyi Adedotun Lukman couvre toutes ces méthodes de style. C'est dans le contexte de Next.js, ce qui est assez important car Next.js a des façons spécifiques de travailler avec ces outils, c'est React et, par conséquent, est une architecture basée sur des composants. Mais les méthodes de style évoquées transcendent Next.js et peuvent […]

Catégories
Astuces et Design

Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

En tant qu'entreprise de conception et de développement Web, vous ne pouvez pas négliger l'accessibilité Web. Si vous le faites, vos clients finiront par violer l'Americans with Disabilities Act (ADA) et subiront de sévères sanctions. en raison des sites Web que vous avez créés pour eux. Ils peuvent être giflés de poursuites à gauche et […]

Catégories
Astuces et Design

Top des nouveaux plugins CMS, octobre 2020

Les plugins offrent une tonne d'avantages aux développeurs et aux administrateurs de sites Web; de la flexibilité, au gain de temps dans le développement, le bon plugin n'a pas de prix pour un projet. Dans cet article, nous allons couvrir une liste des meilleurs nouveaux plugins pour octobre 2020. Vous trouverez des plugins utiles pour […]

Catégories
Astuces et Design

Core Web Vitals: Guide des mesures de performances Web de Google

Google veut que les gens aient une bonne expérience Web, c'est pourquoi il classe les sites rapides plus haut dans les résultats de recherche. Bien sûr, c'est une simplification grossière, mais en supposant que vous comparez deux sites avec un contenu et des audiences similaires, le plus rapide devrait semblent plus élevés dans les résultats. […]

Catégories
Astuces et Design

Gérer des tâches de longue durée dans une application React avec des Web Workers – Smashing Magazine

A propos de l'auteur Développeur frontend génial qui aime tout le codage. Je suis un amoureux de la musique chorale et je travaille pour la rendre plus accessible au monde, une mise en ligne à un… Plus à propos Chidi … Dans ce didacticiel, nous allons apprendre à utiliser l'API Web Worker pour gérer les […]

Catégories
Astuces et Design

Comment créer un flou de mouvement réaliste avec des transitions CSS

Avant de nous plonger dans la création d'un flou de mouvement réaliste dans CSS, cela vaut la peine de plonger rapidement dans le flou de mouvement est, afin que nous puissions avoir une meilleure idée de ce que nous essayons de reproduire. Avez-vous déjà pris une photo de quelque chose se déplaçant rapidement, en particulier […]

Catégories
Astuces et Design

Présentation des pratiques de travail de cinq designers contemporains: dissection des routines quotidiennes

Daily Routines est un projet explorant les pratiques de travail et la vie quotidienne de cinq designers: Mira Malhotra, Pavel Kedich, Anton Repponen, Anna Seslavinskaya et Becki Kozel. Le projet sert à prouver une vieille sagesse rapidement redécouverte à l'époque du verrouillage: pour rester productif, il faut une routine stable. Ensuite, nous découvrons comment obtenir […]

Catégories
Astuces et Design

Mediastack: ajoutez des actualités et des titres à votre site Web ou application

Aujourd'hui, nous examinons comment vous pouvez générer un flux d'actualités pour votre site Web avec des sources du monde entier avec mediastack. L'API REST gratuite et simple peut vous aider à diffuser des actualités en temps réel, en ajoutant de la pertinence et de la crédibilité à votre site Web ou à votre application. Ici, […]

Catégories
Astuces et Design

Comment recréer l'effet d'entraînement des boutons de conception de matériaux

Lorsque j'ai découvert Material Design pour la première fois, j'ai été particulièrement inspiré par son composant bouton. Il utilise un effet d'entraînement pour donner aux utilisateurs des commentaires d'une manière simple et élégante. Comment fonctionne cet effet? Les boutons de Material Design ne présentent pas seulement une animation ondulée soignée, mais l'animation change également de […]

Catégories
Astuces et Design

9 raisons pour lesquelles vous devriez utiliser des polices Open Source

C'est une sorte de lettre d'amour à un outil de conception sous-estimé: les polices open source. Les polices Open Source sont concédées sous licence de manière à ce que tout le monde puisse les utiliser gratuitement pour n'importe quel projet. De nombreuses polices open source sont livrées avec la licence Open Font standard (vous pouvez […]

Catégories
Astuces et Design

Animation des compteurs de nombres | Astuces CSS

Animation numérique, comme dans, imaginez un nombre passant de 1 à 2, puis de 2 à 3, puis de 3 à 4, etc. pendant un temps spécifié. Comme un compteur, sauf contrôlé par le même type d'animation que nous utilisons pour d'autres animations de conception sur le Web. Cela pourrait être utile lors de la […]

Catégories
Astuces et Design

Packs de conception: le site ultime des SVG

Si vous recherchez des images et des modèles – ce qui ne l'est pas de nos jours – Design Bundles est un guichet unique pour des offres sur toutes sortes de ressources de conception. Des ressources de conception gratuites aux éléments premium, vous trouverez une vaste collection d'outils qui vous faciliteront la vie de conception. […]

Catégories
Astuces et Design

La responsabilité croissante des développeurs front-end

Ceci est une version étendue de mon essai "When front-end means full-stack" qui a été publié dans le merveilleux Incrément magazine publié par Stripe. C'est aussi en quelque sorte une évolution de quelques autres de mes essais, "The Great Divide" et "Ooops, je suppose que nous sommes des développeurs full-stack maintenant." Le moment où je […]

Catégories
Astuces et Design

10+ meilleurs endroits pour trouver des polices gratuites

La typographie joue un rôle important dans tous les types de conceptions, de l'emballage du produit aux applications mobiles et plus encore. Aujourd'hui, nous examinons les meilleurs endroits pour trouver des polices gratuites et porter votre travail de conception à un nouveau niveau. Mais pourquoi la typographie est-elle si importante? Vous vous souvenez de ce […]

Catégories
Astuces et Design

Un guide des formulaires HTML et CSS (pas de piratage!)

Historiquement, les formulaires HTML ont été assez délicats – d'une part, parce qu'au moins un peu de JavaScript était nécessaire, et d'autre part, parce qu'aucune quantité de CSS ne pourrait jamais les faire se comporter. Cependant, ce n'est pas nécessairement vrai dans le cas du Web moderne, alors apprenons à baliser des formulaires en utilisant […]