Ouvrir le menu principal

MacGeneration

Recherche

Gradient génère des dégradés CSS

Nicolas Furno

jeudi 29 septembre 2011 à 16:56 • 8

Logiciels

Gradient est un nouvel utilitaire encore en bêta qui intéressera les développeurs web qui doivent utiliser des dégradés. L'idée est de composer le dégradé en utilisant les outils natifs de Mac OS X, notamment la palette de couleurs, et d'obtenir un code CSS à intégrer dans son site Internet. Le choix des couleurs se fait depuis la palette, en tapant directement un code hexadécimal ou RGB ou encore en utilisant la loupe spécifique à Gradient.

Gradient

La version actuelle compose des dégradés à deux couleurs uniquement, mais l'éditeur indique sur son site que l'on pourra à l'avenir ajouter des couleurs. Gradient sait par contre créer des dégradés linéaires (verticaux, horizontaux et en diagonale) et radiaux avec plusieurs points d'ancrage. On peut à tout moment inverser les deux couleurs choisies et avoir un aperçu du rendu, avant de copier directement le code CSS.

Le code CSS généré s'adapte à tous les moteurs d'affichage sur le marché, de WebKit à Internet Explorer, en passant par Firefox ou Opera. On peut choisir d'inclure ou d'exclure certains moteurs dans les préférences de Gradient, ce qui permet de simplifier le code.

Gradient

Si vous devez générer des dégradés en CSS régulièrement, Gradient simplifie la tâche et s'avère efficace avec son interface bien pensée et plutôt élégante. On ne connaît pas encore sa date de sortie finale et son prix, mais la version actuelle est une bêta publique utilisable gratuitement contre la saisie d'une adresse mail sur le site officiel. De quoi tester Gradient et le comparer aux solutions équivalentes qui existent, comme le site CSS3 Gradient Generator.

Rejoignez le Club iGen

Soutenez le travail d'une rédaction indépendante.

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Test du Twelve South AirFly Pro 2 : pour s’enfiler en l’air

11:00

• 2


Sortie de veille : un MacBook avec une puce d’iPhone, attrape-nigaud ou coup de génie ?

08:00

• 11


Un dirigeant de Microsoft conseille aux plus de 9 000 employés licenciés de se faire aider par l’IA

04/07/2025 à 22:00

• 89


Apple fait ses emplettes dans les start-up, entre avatars virtuels et monitoring de l’IA

04/07/2025 à 21:00

• 1


Un premier pas vers le jailbreak de la Touch Bar : le système démarre en mode verbose

04/07/2025 à 17:45

• 16


MacBook Air M2 à 750 € ou Mac Studio M2 Max à 1 300 € ? Entre portable et fixe, il faut choisir

04/07/2025 à 15:22

• 25


Un (faux) traceur GPS sur les cartons des MacBook Air, pour dissuader les livreurs de les voler

04/07/2025 à 13:02

• 75


Un site web pour décoder les pages sauvées en .webarchive par Safari

04/07/2025 à 11:00

• 2


Ulanzi présente une station d'accueil au look de petit Mac Pro

04/07/2025 à 10:15

• 17


Promo : une batterie chameau de 27650 mAh capable de recharger Mac et iPhone à 114 € (-56 €)

04/07/2025 à 09:18

• 13


Développeurs : Technotes ajoute des notes de la communauté sur la documentation d’Apple

04/07/2025 à 08:33

• 5


L’iPhone redécolle en Chine, le Mac cartonne aux États-Unis : Apple souffle un peu avant les trimestriels le 31

04/07/2025 à 07:52

• 40


Apple a creusé l’idée de proposer des services de cloud computing aux développeurs pour concurrencer AWS

03/07/2025 à 21:45

• 46


Apple sort des fonds d’écran aux couleurs de son nouvel Apple Store à Osaka

03/07/2025 à 21:00

• 10


Test du ViewSonic ColorPro VP2788-5K : 27″, 5K et DCI-P3 pour le prix d’un demi-Studio Display

03/07/2025 à 20:30

• 10


Guerre commerciale : les produits fabriqués au Vietnam voient leur taxe multipliée par cinq

03/07/2025 à 20:20

• 27