Archives par tags: css

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 […]

Prestashop : Ajouter un blog à sa Boutique

A l’heure actuelle, bloguer c’est la grosse tendance. Mais finalement, si l’on a un commerce online est-il intéressant de bloguer ? Est-ce que ça rapporte des clients et du trafic ou c’est uniquement de la perte de temps ? Comment faire pour rester dans un univers homogene ? Quelle solution simple mettre en place ? […]

Compression de la page et nettoyage de code

Comme vous le savez internet n’aime pas les pages lourdes : L’accent est souvent mis sur la performance des sites et les économies de bande passante. Les temps d’accès et de téléchargement se mesurent (très précisément avec de nombreux outils) en millisecondes. De nombreuses recommandations provenant de Google et Yahoo font mention de la compression des pages avant leur transit sur le réseau. […]

Alterner des lignes en css dans un tableau

Alterner la couleurs des lignes d’un tableau en HTML facilite la lecture de la page.  Voici des exemples. Voici le code pour alterner les couleurs horizontalements.table tr{background-color:#fff;} /*couleur par défaut, pour IE)*/ tr:nth-child(even) {background: #CCC} tr:nth-child(odd) {background: #FFF} Il existe aussi ce code : table tr:nth-child(2n+1){background-color: #EEE;} mais il ne fonctionne qu’en css3 😀   […]

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 […]

Trouver la couleur complémentaire ? Créer un Nuancier ?

Lorsque l’on a pas de nuancier sous la main, on a souvent besoin d’aide pour retrouver la complémentaire d’une couleur ou si l’on a besoin d’une proposition d’harmonie colorée l’un des ses 2 sites peut vous aider, plus vite qu’un tube de peinture. Paletton Paletton est très pratique pour constituer rapidement et facilement une gamme de couleurs. Il […]