CSS, techniques et composants
Composants pour améliorer et simplifier le design de vos pages Web sans recourir à un framework JavaScript.
Afficher un titre sur une règle de séparation
- Comme pour une balise legend sur la bordure d'un fieldset, on peut combiner un titre et une règle de séparation.
Menu contextuel JavaScript et CSS
- Sans aucun framework, créez un menu de remplacement pour le bouton droit de la souris.
Case à cocher au look professionnel
- Elles peuvent être personnalisées sans framework.
Galerie d'images sur plusieurs lignes
- Pour aligner des vignettes avec un commentaire, grâce à un code CSS compatible avec tous les navigateurs.
- Cette propriété CSS 3 qui ajoute une ombre aux caractères, est implémentée sous tous les navigateurs sauf IE 6 à 8 qui utilisent un filtre.
Infobulle en CSS pur, contenant des images
- On personnalise les bulles d'information pour choisir leur apparence et aussi leur contenu, avec des images, des titres.
- Aligner ou centrer des éléments dans la page.
Outils et templates
Editeur pour créer une ombre en ligne
- Créer une box-shadow de façon interactive et récupérer le code CSS.
Modèle de page agencée avec la propriété CSS flex
- En utilisant flex, on peut réaliser une page qui s'adapte à tous les affichages avec un code CSS très simplifié.
Modèle de page HTML: Remplir la surface de la fenêtre du navigateur.
-
Contrairement à celle des pages web, l'interface d'une application ne doit pas être déroulée dans la fenêtre, elle doit s'aligner aux dimensions du navigateur et s'ajuster lorsque l'utilisateur change la taille de la fenêtre du navigateur.
Le CSS d'un site doit être reconnu par les navigateurs les plus utilisés. Voici les statistiques concernant les navigateurs utilisés dans le monde, sur le bureau et les mobiles:
Parts de marché des navigateurs en novembre 2017 (Données: StatCounters - Diagramme: Scriptol)