Créer un iPhone 4 en CSS3

Publié par Gui dans CSS

Des fois ça arrive que l’on ait pas grand chose à faire de la journée, alors pourquoi pas s’aventurer à essayer de reproduire un iPhone 4 en CSS3 sans aucune image avec 3500 lignes de css ?

Cela dit le résultat est saisissant et je pense qu’on a pas mal à apprendre de ses ruses pour se passer d’avoir recours à des images 😉

Continuer

Post shadow

Utiliser le CSS3 sur IE avec CSS3 Pie

Publié par Gui dans CSS

Je vous avez déjà présenté Modernizr qui permet d’ajuster l’intégration d’un site selon les capacités du navigateur. Voici aujourd’hui CSS3 Pie (Progressive Internet Explorer), qui par l’intermédiaire d’un fichier attaché (.htc), permet de corriger automatiquement quelques unes des propriétés CSS 3 les plus courantes.

Les propriétés prises en charge actuellement sont :

  • border-radius
  • box-shadow
  • border-image
  • multiple images d’arrière-plan
  • linear-gradient comme image d’arrière-plan

Continuer

Post shadow

Profitez du CSS3 et du HTML5 avec Modernizr !

Publié par Gui dans CSS

Bien que les technologies évoluent rapidement, que le CSS3 est maintenant bien connu ainsi que le HTML5, on se confronte toujours au problème de leur compatibilité avec d’anciens navigateurs (IE 6 et 7 principalement), encore largement répandus et utilisés.

C’est là qu’intervient Modernizr ! Il s’agit d’une librairie Javascript qui ajoute des classes à la balise <HTML> selon les propriétés de CSS et de HTML disponibles pour un navigateur donné.

Continuer

Post shadow

A quand la démocratisation du CSS3 ?!

Publié par Gui dans CSS

Ça fait quelque temps déjà que l’on voit des bribes de ce que sera la norme CSS 3 mais elle n’a toujours pas été finalisée par le W3C. Cependant, certains des plus innovants navigateurs tels Firefox, Safari ou encore Chrome le gèrent déjà (via l’utilisation de propriétés particulières tout de même). Modifié le 10/05/2010

Pourtant, cette version permettrait de créer des interfaces riches, ergonomiques et plus visuelles. On pourrait se passer des traditionnelles astuces pour créer des bords arrondis avec des images ou ajouter des ombres portées sur Photoshop !

Si le CSS 3 était adopté par tous les navigateurs, nous pourrions par exemple avoir de jolis boutons entièrement stylés en CSS.

Continuer

Post shadow