DevZone » css3

Un framework css3 pour réaliser des boutons « GitHub »

devzonefr — Mon, 14 Mar 2011 12:18:44 +0000

Une feuille de style css et deux images, c’est tout ce qu’il suffit obtenir de jolis boutons à la GitHub.

A l’utilisation, il suffit simplement d’ajouter une/des classes à vos liens (button, pill, negative, …).

CSS3 Buttons, a simple framework for creating good-looking GitHub style button links.

CSS3Pie : Les propriétés CSS3 avec IE

devzonefr — Wed, 21 Jul 2010 07:30:45 +0000

PIE pour Progressive Internet Explorer.

L’objectif de CSS3Pie est donc de permettre à Internet Explorer de comprendre les propriétés CSS3

Comment ?

Il s’agit en fait d’un fichier htc qui va modifier le comportement d’Internet Explorer. Il était déjà question de ces fichiers pour gérer la transparence des images PNG.

Ici, celui-ci va donc permettre à notre cher IE d’interpréter les propriétés CSS3 comme par exemple les bordures arrondies :

[css]
#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(path/to/PIE.htc);
}
[/css]

Un site donc à découvrir pour profiter des joies du CSS3

Lien :

CSS3Pie

3 Générateurs de CSS3

devzonefr — Thu, 22 Apr 2010 09:27:02 +0000

Voici 3 générateurs CSS3 qui vont vous permettre de visualiser et de modifier en tant réel quelques nouvelles propriétés CSS3.

CSS3 Generator

CSS3 Gradient Generator

CSS3, please!

Liens :

HTML5 / CSS3, Ce que comprennent les navigateurs

devzonefr — Thu, 01 Apr 2010 13:06:16 +0000

Le couple html5/css3 arrive ! Si si ! Mais doucement…

La faute aux navigateurs bien sûr. Seules les dernières versions intègrent les propriétés de ces 2 nouvelles normes.

FindMeByIP liste donc les propriétés HTML5 et CSS3 et précise si elles sont interprétées par les principaux navigateurs du marché (et leurs principales versions) et ce sur les plateformes MAC et Windows :

Ce qui donne par exemple pour quelques propriétés CSS3:

et pour le HTML5 :

Y’a du progrès… à faire.

Lien :

CSS3 and HTML5 on findmebyip.com

3 scripts pour de beaux boutons en CSS

devzonefr — Wed, 17 Mar 2010 16:02:01 +0000

Voici 3 codes différents permettant de customizer les éléments de type button :

Sexy Buttons,
Simply-Buttons v2 et
Super Awesome Buttons with CSS3 and RGBA

Sexy Buttons

Simply-Buttons v2

Super Awesome Buttons with CSS3 and RGBA

Par rapport aux 2 précédents, cette source utilise des propriétés CSS3.

Liens :

52Framework, un framework HTML5/CSS3

devzonefr — Thu, 18 Feb 2010 13:23:01 +0000

52Framework annonce la couleur :

The Framework from the futur

Pourquoi ?
Tout simplement parce que ce framework combine les normes HTML5 et CSS3.

Et oui et ça change tout l’utilisation de ces normes puisqu’à l’heure de ces lignes tous les navigateurs du marché ne les appliquent pas encore ou en partie (je pense à certaines propriétés CSS3 correctement utilisés par Firefox ).

Car si les propriétés css3 permettant les cadres arrondis, les ombres, …, il faudra surtout s’adapter aux blocs HTML5

Du CSS3 dans Firefox 3.6

devzonefr — Wed, 05 Aug 2009 09:30:00 +0000

Sur son blog, Mozilla annonce que la version 3.6 de son navigateur web Firefox integrera la propritété CSS3 -moz-background-size.

Lien :

Mozilla Developper Center.

Les nouveautés de CSS3

devzonefr — Sun, 02 Aug 2009 05:44:42 +0000

Toujours annoncé, toujours attendu, l’organisme w3c tarde a annoncé comme officiel la nouvelle norme pour CSS : la version 3.

Alors, quelles nouveautés sont attendues ?

Backgrounds

De nouvelles propriétés sont intégrées comme background-size pour spécifier la taille du background. Mais une modification a également été intégré à la propriété background puisqu’il sera possible de composé avec plusieurs images.

Borders

Apparition intéressante, entres-autres, de border-radius qui permettra de réaliser des arrondis.

Columns

Un ensemble de propriétés permettront de créer automatiquement une mise en forme avec plusieurs colonnes.

Il sera bien long de parler ici des toutes les nouvelles propriétés de CSS3 puisque le nombre de celles-ci serait de 220, contre 115 à l’heure de CSS2.1.

En attendant, seuls quelques navigateurs (Firefox 3.5, Opéra 9) intègrent à l’heure ou j’écris ces lignes, quelques unes de ces propriétés.