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

Le pape Léon XIV portait une Apple Watch lors de sa première messe

16:24

• 17


Jony Ive redétaille sa philosophie du design

13:20

• 27


Les États-Unis et la Chine annoncent une trêve partielle dans leur guerre commerciale

11:08

• 28


Starlink à l'essai : tout ce qu'il faut savoir sur cette connexion par satellite d'un genre nouveau 🆕

10:29

• 59


Le très bon SSD externe Corsair USB4 de 2 To à 199 €, son prix le plus bas à ce jour

09:05

• 10


Une future version de macOS demandera l’autorisation pour accéder au presse-papier, comme sur iOS

08:11

• 33


MacBook Air M4 : la chute des prix se poursuit encore sur ce nouvel incontournable 🆕

07:32

• 85


Promo : jusqu'à -450 € sur les derniers MacBook Pro M4

07:10

• 14


Nintendo serre la vis des pirates, quitte à briquer leur Switch

11/05/2025 à 20:36

• 57


Deux ans de transition avant une année 2027 remplie de nouveautés ? La semaine Apple

11/05/2025 à 20:00

• 25


L’arnaque Doctolib le prouve : il est urgent de reprendre le contrôle sur vos données 📍

11/05/2025 à 19:07

• 0


Test de l'antenne Starlink mini, parfaite pour ceux qui aiment voyager

11/05/2025 à 10:00

• 33


Le nouveau bracelet Sport Pride Edition en photos

10/05/2025 à 18:57

• 34


À la découverte de Raycast, le puissant lanceur multifonctions pour le Mac

10/05/2025 à 11:00

• 12


Sortie de veille : plus de modèles, plus de lancements… l'iPhone serait au cœur d'une stratégie choc

10/05/2025 à 08:00

• 2


Promo sur des batteries externes de forte capacité pour Mac, iPhone ou iPad

09/05/2025 à 23:44

• 3