[CSS] Zocial – Boutons full CSS3 pour les différents réseaux sociaux

Publié le 15 février 2012 dans 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 […]

Lire la suite

[CSS] Twitter Bootstrap – Kit CSS pour démarrer rapidement un site web

Publié le 3 février 2012 dans CSS

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

Lire la suite

[CSS] Quelles sont les différences entre pseudo-élément et pseudo-classes ?

Publié le 19 janvier 2012 dans CSS

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

Lire la suite

[CSS] Fotorama – Un slider photos fluide et compatible mobile

Publié le 15 décembre 2011 dans CSS HTML

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

Lire la suite

[CSS] Caler le footer en bas de l’écran quelque soit le contenu

Publié le 10 décembre 2011 dans CSS

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

Lire la suite

[CSS] Responsive Design

Publié le 6 décembre 2011 dans CSS HTML Javascript

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

Lire la suite
Nullam ut commodo in adipiscing porta. Phasellus consectetur Donec id vel, non