WebDesign : des conseils pratiques, des exemples concrets et des bonnes pratiques pour créer des interfaces modernes, élégantes et efficaces, pensées à la fois pour vos utilisateurs, l’UX et le SEO.
Catégorie : WebDesign
-
Margin, Padding, Gap en CSS : Gérer les espaces d’un élément
1. Introduction au CSS 2. Sélecteur et spécificité 3. Couleur, unité et typographie 4. Le Model Box 5. Flexbox CSS 6. Grid CSS 7. Responsive et media query 8. Les commentaires 9. Relation Parent / Enfant…
-
Portfolio HTML et CSS : Tutoriel pour rédiger / coder votre portfolio
Unportfolio est un site web personnel ou professionnel qui sert à présenter les réalisations, compétences et expériences d’une personne ou d’une entreprise. À mi-chemin entre le CV en ligne et le site web. Il est particulièrement utilisé…
-
CV en HTML et CSS : Tutoriel pour rédiger et coder votre CV
Créer un CV en HTML et CSS permet de personnaliser son profil de manière unique et professionnelle. Grâce à ces langages, vous pouvez concevoir un CV qui se démarque visuellement et techniquement. Voici un tutoriel complet…
-
Optimisation CSS pour un site web rapide et performant
L’optimisation CSS pour une amélioration des performances et un site web rapide et réactif : Le chargement rapide est essentiel pour l’utilisateur et le SEO. Les utilisateurs s’attendent à des sites web rapides et réactifs. Un…
-
CSS Flexbox ou Grid, quelle mise en page choisir ?
Lorsqu’il s’agit de concevoir des mises en page web modernes et responsives, deux options CSS se démarquent : Flexbox ou Grid. Ces deux modèles de mise en page CSS offrent des fonctionnalités puissantes pour organiser et…
-
Un diagramme circulaire, ou camembert, en HTML et Javascript
Tutoriel complet pour apprendre à réaliser un diagramme circulaire dynamique et avec une légende. Cette infographie également connue sous le nom de camembert sera entièrement réalisée en HTML grâce à l’élément SVG. Nous ajouterons du Javascript…
-
Un template HTML responsive avec une mise en page CSS Grid
Nous allons coder, étape par étape, la conception d’un template HTML responsive pour un site web classique en utilisant la méthode de mise en page par CSS Grid. La page web sera donc responsive pour que…
-
La fonction CSS clamp() pour des mises en page réactives
Dans le monde du développement web, la flexibilité et la réactivité des mises en page sont des éléments essentiels pour offrir une expérience utilisateur optimale sur une variété de périphériques et de tailles d’écran. La fonction…
-
Les différentes unités CSS utilisables pour vos designs
1. Introduction au CSS 2. Sélecteur et spécificité 3. Couleur, unité et typographie 4. Le Model Box 5. Flexbox CSS 6. Grid CSS 7. Responsive et media query 8. Les commentaires 9. Relation Parent / Enfant…