Étiqueté : Design

lekki 6

Lekki – La téléphonie mobile vintage

Lekki, c’est le nom de la super idée foutage de gueule du moment. Surfant doublement sur les modes du vintage et de l’environnement durable, Lekki – marque française – recycle les anciens téléphones et...

CSS 3.0 Maker, l’assistant de création de vos feuilles de style 1

CSS 3.0 Maker, l’assistant de création de vos feuilles de style

CSS 3.0 Maker est un outil en ligne destiné aux webdesigners qui ne veulent pas (trop) se fatiguer avec la création de leurs feuilles de style. Il regroupe l’essentiel de ce qui est attendu...

Elastic – Réalisez votre thème WordPress en quelques clics 0

Elastic – Réalisez votre thème WordPress en quelques clics

Fabriquer un thème pour Wordpress, c’est comme en créer un pour n’importe quel site : c’est chiant.

Il faut s’armer de patience pour ajuster au poil près les différents éléments, à savoir le header, le footer, les sidebar et la partie content.

Evidemment, dans le lot, il ne faut pas oublier les menus, les rubriques, etc… Au bas mot, c’est quelques heures de prise de chou en règle.

A priori, au moins pour Wordpress, cette situation est en passe d’être réglée. Elastic est un créateur de thème pour Wordpress gratuit.

CSS & JQuery : Automatic Image Rotator 0

CSS & JQuery : Automatic Image Rotator

J’ai longuement cherché une mini-galerie à insérer en haut de site pour faire défiler photos et images. Certaines étaient payantes, d’autres posaient quelques problèmes en fonction des navigateurs utilisés.

Finalement, je suis tombé sur Automatic Image Rotator, un slider (rotation) d’images en CSS et JQuery conforme à mes souhaits.

galerie jquery et css

L’intégration est assez facile à réaliser, d’autant que le tutoriel est vraiment bien foutu (pour une fois).

Color Hunter – Fabriquez votre palette de couleurs à partir d’une image 0

Color Hunter – Fabriquez votre palette de couleurs à partir d’une image

Ca faisait un bout de temps que je ne vous pas entretenu des outils en ligne de création de palettes de couleurs. Aujourd’hui, le gagnant est Color Hunter.

color hunter creation palette

Ce service fonctionne à l’envers de Retrievr qui permet de retrouver une photo à partir d’une couleur et d’une forme.

pForm – Construisez vos formulaires en quelques clics 0

pForm – Construisez vos formulaires en quelques clics

Dans la famille des trucs chiants à faire quand on prépare une interface de site, je demande le formulaire.

Pas que ça soit compliqué, non. C’est juste gonflant car il faut nommer les éléments, les paramétrer pour qu’ils collent à ce que l’on souhaite. C’est typiquement une tâche pour laquelle un assistant est le bienvenu.

aide à la conception de formulaire

Justement, c’est de ça donc je comptais vous entretenir.

pForm est un assistant de fabrication de formulaires web super bien ficelé.

Color Jack – Sélecteur de couleurs 0

Color Jack – Sélecteur de couleurs

Dans la catégorie des outils en ligne web design de sélection de couleurs, je demande ColorJack.

Cet outil en ligne permet de trouver la palette de couleurs idéale pour votre site que ce soit en 4, 5 ou 6 tons.

color jack selecteur de couleurs

Pour ce faire, il vous suffit de placer le curseur sur ce que vous considérez être votre couleur dominante ; le reste suivra.

A noter que ColorJack propose un widget pour OS X.

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.

Votre site en style (flash) journal 3

Votre site en style (flash) journal

Ca vous dirait de donner à votre site d’information une dynamique propre au mode de consultation d’un journal, c’est à dire offrir un contenu paginable et lisible comme un vrai magazine, un peu comme ceci ?

code flash style magazine

FlashPageFlip magazine propose gratuitement cette solution. Le seul ennui, c’est que le code fourni est relativement peu adaptable puisqu’en flash brut.

Cependant, si vous ne voulez pas débourser inutilement, et que vos besoins de regorgent pas de solutions multimédia trop poussées, le paramétrage est relativement facile, et ne nécessite que quelques lignes de code pour intégrer les pages idoines dans votre futur nouveau magazine online.

Retrouver le nom d’une couleur 0

Retrouver le nom d’une couleur

Si vous êtes un fidèle lecteur assidu (il en reste ?), vous devez savoir qu’il existe un nom pour chaque couleur, ou presque.

Vu les combinaisons engendrés par l’utilisation du bon vieux RVB en hexadécimal, ça fait du monde. Il n’empêche… Si vous êtes du genre tatillon, ce billet va vous plaire.

name that color

Name that color permet de retrouver le nom d’une couleur à partir d’un code hexa fourni, ou a contrario de fournir le code à partir du nom de la couleur.

Ca peut paraître totalement futile, mais ça sauve des vies (si, si), notamment si votre client vous balance :

Euh… coco ! Tu ne crois pas que ton Voodoo jure un peu avec ton Earls Green ?