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
-
Coder un agenda en grille en HTML, PHP et JavaScript
Découvrez comment créer pas à pas un agenda en HTML, PHP et JavaScript. Un guide clair, pratique et accessible pour développer une vue mensuelle interactive, simple à utiliser et à personnaliser.
-
5 façons efficaces de centrer un élément en CSS facilement
Centrer un élément en CSS est une tâche que tout développeur web, débutant ou expérimenté, rencontre régulièrement. Que vous souhaitiez positionner un texte, une image ou un conteneur entier au centre de votre page, comprendre comment…
-
CSS 3 display : mansory, l’affichage en grille fluide
Le web moderne ne cesse d’évoluer. Chaque année, de nouvelles propriétés CSS 3 apparaissent pour nous simplifier la vie du développement front-end et rendre nos interfaces plus esthétiques et dynamiques. L’une des nouveautés qui suscite beaucoup…
-
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…