Archives par tags: css3

Astuces CSS

Le pseudo-élément ::placeholder représente le texte de substitution pour un élément <input> ou <textarea>. Cela permet aux développeurs web de personnaliser l’apparence de ce texte. ::placeholder { color: blue; font-size: 1.5em; } mix-blend-mode: https://developer.mozilla.org/fr/docs/Web/CSS/mix-blend-mode COMMENT FAIRE UN TEXTE DÉFILANT EN CSS ? c’est ici Cacher un titre h1 derrière un logo https://www.zonecss.fr/proprietes-css/clip-css.html remplir un bouton en css https://www.djwebcreator.fr/css/des-effets-de-remplissage-en-css/ Utiliser des effets prédéfinis sur […]

Responsible design ou Le Web Design Réactif

Les bases du design réactif, lectures et réflexion sur le sujet. Bonne lectures.  « Le contrôle qu’exercent les designers au sein du média imprimé et qu’ils désirent souvent retrouver au sein du virtuel est simplement le produit d’une limitation de la page imprimée. Nous devrions accepter le fait que le Web n’a pas les mêmes contraintes, […]

Médias Querries : Fiche de recherches

Les Media Queries CSS3 La spécification CSS3 Media Queries du W3C définit les techniques pour l’application de feuilles de styles en fonction des périphériques de consultation utilisés pour des pages (X)HTML. Ces bonnes pratiques permettent d’exploiter encore plus les avantages de la séparation du contenu et de la présentation. L’intérêt est de pouvoir satisfaire des contraintes en terme de […]

Medias Querries

CSS Mediaqueries La nouvelle propriété CSS3 mediaqueries  définie les proprétés suivantes : dimensions du navigateur (largeur, hauteur et aspect ratio) dimensions du dispositif (dispositif de largeur, hauteur et dispositif-dispositif à rapport de format) orientation navigateur informations de couleur (couleur, couleur et monochrome index) spécifiques à l’appareil des détails tels que la résolution, si son affichage […]

Les sélecteurs CSS

Voici les sélecteurs dont on a régulièrement besoin : X:link et X:visited a:link { color: blue; } a:visited { color: purple; } La pseudo-classe :link correspond à tous les liens qui n’ont pas été visités. La pseudo-classe :visited correspond à tous les liens déjà visités. Compatibilité :  >IE7+ >Firefox >Chrome >Safari >Opera X > Y […]