Étiqueté : maquette

Generator Form 2.90 – Générateur de feuille de style CSS 1

Generator Form 2.90 – Générateur de feuille de style CSS

Fabriquer une feuille de style css from scratch est un travail ardu. Il faut tout calculer, éviter les débordements, contrôler 100 fois et s’assurer que les éléments sont correctement assemblés.

En plus, il faut veiller à l’affichage correct en fonction de tel ou tel navigateur. Bref, ça n’est pas une sinécure.

css orderer

Aussi, pour s’affranchir du boulot, on peut se reposer sur des générateurs de feuilles de style css.

The Generator Form v2.90 en est un. Malgré une interface relativement aride, cet outil en ligne permet de tailler une pagination en 1, 2 ou 3 colonnes convenant à vos souhaits. Il fournit l’essentiel de ce que l’on attend d’un tel outil, à savoir la gestion des éléments de formulaire et l’articulation des parties (header, body, footer, sidebars).

Il est donc nécessaire de retravailler le code résultant. Ceci dit, ça fait épargner quelques heures de prise de chou, et au final, c’est bien tout ce qu’on demande.

0to255 – Rechercher visuellement les variations d’une couleur 0

0to255 – Rechercher visuellement les variations d’une couleur

Décidemment, on fait dans la couleur en ce moment, et les outils en ligne pour web designers. Après l’excellent ColorSheme Designer et le non moins pratique pictaculous, voici venu 0to255.

Le dernier venu varie un peu des autres. En effet, cet outil ne fournit pas une palette tout prête établie à partir d’une couleur dominante.

variations de couleurs

Il permet très simplement d’assister les web designers dans leur recherche plus claire ou plus foncée de tonalité de couleur et ce visuellement.

Pictaculous – Retrouver une palette de couleurs à partir d’une image 0

Pictaculous – Retrouver une palette de couleurs à partir d’une image

Quand on prépare le design d’un site ou d’une application, le choix des couleurs est primordial.

Au compte des méthodes employées, on a :

  • le tâtonnement ;
  • l’utilisation d’outils tels que ColorScheme Designer ;
  • la récupération de la palette à partir d’une image ou d’une photo.

C’est ce dernier point qui nous intéresse aujourd’hui avec Pictaculous.

comment récupérer les couleurs d'une image

WFF – Fabriquez vos formulaires web en quelques clics 0

WFF – Fabriquez vos formulaires web en quelques clics

web form factory

Il peut arriver, notamment lors de la réalisation de maquettes, d’être pressé par le temps. Dans ces cas là, l’interface est construite mais elle n’interagit pas encore avec la base de données.

Sortir les scripts de connexion, identifier le traitement des formulaires et le coder n’est pas compliqué en soit, loin de là, mais dans l’urgence c’est vite la chiourme.

Pour parer à l’urgence, il existe Web Form Factory, un générateur de code backend qui fabrique aux grandes masses le traitement associé aux formulaires.

Cet outil online fonctionne en 4 séquences.

  1. créez votre formulaire avec les champs de saisie au format html
  2. créez une page résultat simple au format html
  3. envoyez les deux pages sur web form factory
  4. récupérez le résultat et intégrez le dans votre projet.

Votre formulaire interagit maintenant avec votre base.

Evidemment, c’est un peu du travail de sagouin. Il faut retravailler l’ensemble pour le rendre plus optimal. Mais pour une maquette… ça dépanne.

Choisir les couleurs de son site avec ColorScheme Designer 0

Choisir les couleurs de son site avec ColorScheme Designer

Lorsque l’on crée un site, un blog, un CMS, le choix des couleurs est primordial. De mauvaises alliances risquent de rendre le texte illisible ou de ne pas mettre en exergue rubriques et éléments importants.

Plutôt que d’y aller à tâtons, je vous propose aujourd’hui cet outil en ligne pour Web Designers :

color scheme designer

ColorScheme Designer est bourré de petites fonctionnalités bien sympathiques :

HexaKopter avec un K, pour mieux voler 0

HexaKopter avec un K, pour mieux voler

Vous avez déjà vu un hexaKopter voler ? Moi non plus. Un hexacopter – donc – c’est un peu comme un hélicopter, mais au lieu d’avoir une, voire deux hélices, ça en possède 6. Le...