Que vous soyez développeur débutant ou confirmé, le site MDN sert de référence incontournable pour le développement web. Il regroupe une documentation à jour sur le HTML, le CSS, le JavaScript, les APIs utilisées pour les sites web, les applications HTML5, […]
css
CSS Grid layout, une grille révolutionnaire pour les webdesigners
Les webdesigners vont adorer le module CSS Grid layout. Il va leur faciliter la création des mises en page d’un site web. Beaucoup plus flexible que Flex, il gère les deux dimensions et la position des éléments enfants avec précision. Les […]
DevDocs, la doc des développeurs
Le site DevDocs regroupe la documentation de plusieurs langages de programmation. Développé par Thibaut Courouble, DevDocs.io devrait intéresser les développeurs. Le site regroupe la documentation des principaux langages de programmation : CSS, HTML5, HTTP, Javascript, Jquery, PHP, Python… Doté d’un […]
Zen garden : la référence du design en CSS
A partir d’un code HTML unique, il est possible de créer des designs époustouflants en CSS. C’est ce qu’a voulu montrer Dave Shea, un designer graphique canadien reconnu. En 2002, il imagine un concept original. Créer un site Internet appelé […]
JavaScript CSS : modifier un style CSS ou une classe CSS avec JavaScript
Il est souvent bien pratique de modifier les styles CSS directement avec JavaScript ou alors changer la classe CSS d’un élément HTML avec Javascript. Je vous ai préparé un petit tutoriel qui […]
Créer un rollover sur une image (avec CSS ou JavaScript)
Un rollover sur une image est un comportement permettant de changer d’image lorsque le pointeur de la souris passe dessus, puis l’image revient dans son état initial lorsque le pointeur quitte l’image. Ce système est régulièrement utilisé pour des menus de […]
AJAX CSS : Liste des meilleurs bulles ajax / css
15 effets pour afficher une fenêtre lors du passage de la souris sur un lien, une image, dans un formulaire… Différentes façons de l’utiliser. Vous pouvez afficher des informations sur un lien (équivalent de la balise title), fournir des détails […]
CSS : margin VS padding (marge externe et marge interne)
Si vous ne connaissez pas la différence entre les 2 styles CSS margin et padding, je vous propose de vous expliquer leur utilité. Le style CSS margin permet de définir les marges externes d’un élément HTML(exemple : un conteneur comme […]
CSS : white-space ou comment gerer les espaces blancs
La propriété "white-space" est un style CSS intéressant puisqu’il vous permet de dire à votre navigateur comment il doit interpréter les "blancs" ou "espaces" entre les mots. Le style CSS white-space comprends 3 valeurs : normal : les blancs […]
CSS : positionner un calque (balise div) en position absolute
Savez-vous bien positionner un <div> en "position absolute", c’est à dire positionner un calque en dehors du flux HTML normal ? Sincèrement, je me suis longtemps pris la tête sur ce style CSS sans jamais vraiment bien comprendre comment cela fonctionnait […]