Catégorie : CSS

Les boutons en full CSS3 sont de plus en plus prisé sur les site web car ils permettent une plus grande flexibilité au niveau du texte et de leur taille (plus besoin de passer par Photoshop et cie). Zocial est un pack de 42 boutons CSS3 divisé en plusieurs parties : Les boutons CSS3 classiques […]

Twitter Bootstrap est une feuille de style CSS qui propose un ensemble de style, typographies, grille, messages, etc, et qui permet de démarrer le webdesign d’un site web rapidement. Cette librairie, développé par Twitter, permettra de commencer une intégration de site web à partir d’une base solide. La librairie à été développé avec Less (les […]

On confond souvent les deux puisque dans les deux cas on place deux-points (:) devant… Voici donc comment les distinguer. Les pseudo-classes en CSS2.1 :link : liens non visités :hover : élément pointé visuellement (survolé) :active : élément activé par l’utilisateur. Intervient entre la pression sur le bouton et son relâchement :focus : élément pointé […]

Fotorama est un plugin jQuery permettant de créer des slideshow d’images avec navigation avancée et bonne compatibilité navigateurs, dont navigateurs mobiles. Pour présenter des photos sur un site web, on a le choix ! Il existe de nombreux sliders ou slideshow d’images pour le faire. Fotorama apporte encore un peu de nouveauté et d’efficacité en […]

Voici un petit bout de code HTML/CSS qui va vous permettre de caler le footer en bas de l’écran, quel que soit la taille du contenu : CSS Sticky Footer. Le script a l’honneur d’être compatible avec la plupart des navigateurs (y compris IE6). Voici d’abord la structure de votre page HTML à utiliser : […]

Avec l’avènement des smartphones et autres tablettes, le responsive design est de plus en plus utilisé. Vous trouverez ci-après différents liens qui pourront vous permettre de faire ou refaire votre site sans vous prendre la tête ! The Goldilocks Approach est une bonne base pour démarrer le développement de responsive webdesign. Il propose un boilerplate […]