Catégories
Astuces et Design

Vitaux Web de base | Astuces CSS

Core Web Vitals est ce que Google appelle une nouvelle collection de trois mesures de performances Web: LCP: La plus grande peinture contentieuse FID: Premier délai d'entrée CLS: Décalage de mise en page cumulatif Ce sont tous mesurables. Ils ne sont pas encore dans Lighthouse (par exemple, l'onglet Audits dans Chrome DevTools), mais cela semble […]

Catégories
Astuces et Design

L'expansion de la gamme de couleurs sur le Web

CSS a été introduit sur le Web en 1996. À l'époque, la plupart des moniteurs d'ordinateur étaient assez horribles. Les couleurs CSS – qu'elles soient définies au format RVB, HSL ou hexadécimal – s'adressent aux moniteurs de l'époque, le tout dans l'espace colorimétrique sRGB. La plupart des appareils récents ont un large gamme afficher. UNE […]

Catégories
Astuces et Design

Comment détourner du trafic en utilisant IP2Location dans un site Web Next.js – SitePoint

Cet article a été créé en partenariat avec IP2Location. Merci de soutenir les partenaires qui rendent SitePoint possible. Dans un monde où le commerce en ligne est devenu la norme, nous devons créer des sites Web plus rapides, conviviaux et plus sécurisés que jamais. Dans cet article, vous apprendrez à configurer un site Web propulsé […]

Catégories
Astuces et Design

Il est temps de commencer à rendre vos applications Web réactives – SitePoint

Cet article a été créé en partenariat avec Manning Publications. Merci de soutenir les partenaires qui rendent SitePoint possible. Vous avez entendu parler du principe de la «survie du plus apte» et vous savez que c'est particulièrement vrai dans le développement Web. Vos utilisateurs attendent des performances en une fraction de seconde et des interfaces […]

Catégories
Astuces et Design

4 raisons d'utiliser le traitement d'image pour optimiser les médias du site Web – SitePoint

Cet article sponsorisé a été créé par notre partenaire de contenu, KeyCDN. Merci de soutenir les partenaires qui rendent SitePoint possible. L'optimisation d'image est un gros problème en termes de performances de sites Web. Vous vous demandez peut-être si vous couvrez toutes les bases en gardant simplement la taille du fichier sous contrôle. En fait, […]

Catégories
Astuces et Design

Les polices Google les plus rapides – CSS Wizardry – Optimisation des performances Web

19 mai 2020 Écrit par Harry Roberts sur CSS Wizardry. Table des matières Essai Par défaut / hérité font-display: swap; CSS asynchrone preload preconnect Prime: font-display: optional; Comparaisons et visualisations Résultats Extrait Google Fonts Async Pour la plupart, les polices Web sont aujourd'hui plus rapides que jamais. Avec plus Comportement FOUT / FOIT standardisé des […]

Catégories
Astuces et Design

Cette semaine dans le Web Design News – 22 mai 2020

Un autre vendredi, une autre édition de «This Week In Web Design», notre résumé hebdomadaire de toutes les actualités, articles de blog et tutoriels sur la conception Web publiés au cours des sept derniers jours. La liste de cette semaine comprend des outils, des trucs et astuces WordPress, des discussions UX, JavaScript, CSS et bien […]

Catégories
Astuces et Design

5 tendances de conception Web pour 2020 avec une puissance réelle – SitePoint

Cet article sponsorisé a été créé par notre partenaire de contenu, BAW Media. Merci de soutenir les partenaires qui rendent SitePoint possible. Le début d'une nouvelle année est toujours un moment passionnant. Tout le monde s'engage à être meilleur, à se sentir mieux, à faire mieux. Mais comme de nombreuses résolutions du Nouvel An qui […]

Catégories
Astuces et Design

20 modèles HTML minimaux pour les sites Web d'entreprise

Lors de la création d'un site Web d'entreprise, il est essentiel d'avoir une conception et une mise en page qui servent bien votre contenu. Mais cela peut sembler une tâche monumentale si vous n'avez pas de compétences en conception vous-même. C’est pourquoi les modèles HTML minimaux sont si utiles, bien sûr. Ils vous font gagner […]

Catégories
Astuces et Design

Utilisation de BugHerd pour suivre les commentaires visuels sur les sites Web

BugHerd consiste à recueillir des commentaires visuels pour les sites Web. Si vous êtes comme moi, vous êtes constamment regarder vos propres sites Web et vous êtes constamment les critiquer. Je pense que c'est sain. Rien ne s'améliore si vous regardez votre propre travail et le considérez comme parfaitement fini. C'est là que BugHerd brille. […]

Catégories
Astuces et Design

La visualisation des données peut-elle améliorer l'expérience Web mobile? – Smashing Magazine

A propos de l'auteur Suzanne Scacca est une ancienne implémentatrice, formatrice et responsable d'agence WordPress qui travaille maintenant comme rédactrice indépendante. Elle est spécialisée dans l'artisanat marketing, web… Plus à propos Suzanne Scacca … Étant donné que de plus en plus de trafic Web provient d'utilisateurs mobiles, nos sites Web doivent être les mieux placés […]

Catégories
Astuces et Design

Top 2020 des plugins WordPress pour suralimenter votre site Web – SitePoint

Cet article sponsorisé a été créé par notre partenaire de contenu, BAW Media. Merci de soutenir les partenaires qui rendent SitePoint possible. WordPress est devenu de loin la plateforme de création de sites Web la plus populaire de toutes. Il dispose d'une multitude d'outils pour vous aider à concevoir et à créer un portefeuille, un […]

Catégories
Astuces et Design

Cette semaine dans la conception Web – 15 mai 2020 – 1stWebDesigner

Nous sommes à la mi-mai et vendredi, ce qui signifie que sur 1stWebDesigner.com, il est temps pour "This Week In Web Design", notre tour d'horizon des articles de conception et de développement Web qui ont été publiés la semaine dernière. Les articles de cette semaine incluent des conseils UX, plusieurs articles de travail à distance […]

Catégories
Astuces et Design

Sites Web basés sur des notions | Astuces CSS

Je suis un grand fan de Notion, comme vous le savez probablement dans la couverture précédente et la vidéo récente. Il est toujours intéressant de voir ce que les autres font avec Notion, et même comment Notion utilise Notion. Je dirais que la plupart des utilisations de Notion sont privées et internes, mais n'importe quelle […]

Catégories
Astuces et Design

Pseudo-éléments dans l'API Web Animations

4 mai 2020 À ce jour, les fonctionnalités discutées sont dans la dernière version stable de Firefox (75). Ils devraient figurer dans un prochain aperçu de la technologie Safari (peut-être 106). Ils ont été activés dans Chrome / Edge 84 (Canary actuel) peu de temps après le lancement de cet article. L'un des rares éléments […]

Catégories
Astuces et Design

Comment prototyper une application Web avec Django et Vue.js – SitePoint

Ne serait-ce pas cool si vous pouviez créer un prototype d'application Web personnalisée qui est réactive (prête pour les mobiles), réactive (rapide à la vitesse de la lumière), avec une interface d'administration complète pour gérer le contenu – le tout en un rien de temps? En fait, en utilisant Django et Vue.js, vous pouvez! 😁 […]

Catégories
Astuces et Design

Grâce à Covid-19, l'accessibilité du site Web n'a jamais été aussi importante

La première pandémie mondiale de l'ère numérique est à nos portes. Nous vivons à une époque sans précédent et inconfortable. Pour nos seniors, ces dernières semaines ont été particulièrement gênantes. Selon le CDC, les hommes et les femmes de plus de 65 ans sont beaucoup plus susceptibles de développer des complications de COVID-19. Alors que […]

Catégories
Astuces et Design

Spots lumineux pour les concepteurs Web

Lorsque le monde a apparemment changé du jour au lendemain en raison de COVID-19, il était surréaliste. Peut-être que votre environnement était exactement le même. Votre liste de tâches contenait les mêmes projets. Même si les choses étaient complètement différentes sous la surface, ce n'était pas facilement reconnaissable. Maintenant que nous avons tous eu le […]

Catégories
Astuces et Design

30 listes de contrôle pour le développement Web que chaque équipe doit garder à portée de main – SitePoint

Construire un site Web ou une application et le rendre disponible pour le monde est une entreprise complexe. Un certain nombre de facteurs doivent être réunis pour garantir le succès du produit final. Cela signifie attirer et garder les visiteurs, atteindre les objectifs commerciaux et minimiser les problèmes. Vous pouvez fournir un meilleur produit à […]

Catégories
Astuces et Design

Conception Web adaptative ou réactive

Les sites Web modernes doivent bien paraître et bien fonctionner sur chaque écran. Ce n'est pas exactement un flash d'actualité, comme on le dit aux concepteurs de sites Web depuis des années. Mais il y a plus d'une façon de s'y prendre, comme la conception adaptative et la conception réactive, dont nous parlerons dans cet […]