28
JAN

Live Tools - Des outils de génération d'UI en CSS3 / HTML

Publié le 28/01/13 à 09h39 par DJo

UI Live Tools est un site web proposant 4 générateurs d'éléments d'interface: Boutons, formulaires, icones et ribbons en CSS3.

UI Live Tools est un site web proposant 4 générateurs d'éléments d'interface: Boutons, formulaires, icones et ribbons en CSS3.

Voici un site web qui va rendre grand service à ceux qui n'ont pas forcément la fibre graphique dans le sang !

ui Live Tools est un service proposant 4 générateurs:

  • Générateur de boutons
  • Générateur de formulaires
  • Constructeur d'icônes
  • Générateur de ruban / ribbon

A chaque fois, de nombreux paramètres sont disponibles pour personnaliser le style, les couleurs, ...

 

Générateur de boutons CSS3

Générateur de boutons CSS3

Le générateur de bouton est complet, vous pouvez personnaliser les couleurs des différents états, avec des transitions CSS3... Une fois votre bouton prêt, vous n'aurez plus qu'à récupérer le CSS3 et HTML généré.

 

Générateur de formulaires design CSS3

Générateur de formulaires design CSS3

Même principe mais pour les formulaires. Idéal si vous souhaitez créer un formulaire de login ou d'inscription design avec des effets très sympas...

Il ne s'agit pas là d'un générateur de formulaires avec validateurs etc, mais un générateur de formulaire design.

 

Générateur d'icones

Générateur d'icones

Le générateur d'icones permet de créer à la main, pixel par pixel à la souris. Ou si vous souhaitez modifier légèrement une icone déjà existante, uploadez là et modifiez là. Un système de preview en temps réel vous permet de contrôler le rendu.

 

Générateur de rubans CSS3

Générateur de rubans CSS3

Et pour terminer, le dernier outil vous permettra de créer des rubans en CSS3. Les ribbons étaient très à la mode ces derniers temps, voici un bon moyen d'en créer un sans images, et facilement !

 

Site Officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web