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

Promo : -220 € sur l'iMac M4 en 24/512 Go

08:30

• 0


Sortie de veille : comment Apple va-t-elle négocier la nouvelle présidence Trump ?

08:00

• 4


Deux sénateurs se posent des questions sur les dons à l’investiture de Trump, et demandent des réponses à Tim Cook

17/01/2025 à 22:15

• 17


Quel avenir pour les usines de processeurs sous l’ère Trump ?

17/01/2025 à 21:00

• 5


TSMC : les usines américaines ne fabriqueront pas les puces les plus avancées

17/01/2025 à 18:30

• 9


Deezer a été optimisé pour les Mac Apple Silicon

17/01/2025 à 17:30

• 15


DSA : Google ne veut pas de fact-checking dans Search ou sur YouTube

17/01/2025 à 16:00

• 113


Soldes : promo générale à Fnac sur de gros MacBook Pro M3 Pro

17/01/2025 à 14:15

• 16


Trade In Apple Store : quels tarifs de reprise pour les anciens iPhone, iPad, Mac…

17/01/2025 à 12:30

• 16


Les cœurs E des puces M4 plus rapides que ceux des puces M4 Pro

17/01/2025 à 12:15

• 8


Apple présente un ordinateur vintage de sa filiale Lumon sur sa page d'accueil

17/01/2025 à 11:15

• 19


Microsoft augmente les tarifs de ses formules Microsoft 365 pour y ajouter Copilot

17/01/2025 à 10:30

• 29


Avec Focus, Raycast propose une alternative au mode de concentration de macOS

17/01/2025 à 08:00

• 8


Ce keynote de 1997 montre le fossé entre l'Apple des années 90 et celui des années 2020

16/01/2025 à 21:30

• 30


À Barcelone, l'iPhone devient une carte de transport… sans passer par Apple Pay

16/01/2025 à 20:30

• 24


Craignant être privés de TikTok, des utilisateurs US partent massivement sur RedNote 🆕

16/01/2025 à 20:15

• 20