Étiqueté : web design

Batteries-Idees_fausses 2

Les batteries de nos chers appareils mobiles

Depuis de très nombreuses années, nous sommes tous imprégnés de fausses idées sur la façon d’utiliser les batteries de tous nos appareils mobiles. Parmi elles : Vider complètement avant la recharge les batteries actuelles...

Comment créer une police de caractères personnalisée 9

Comment créer une police de caractères personnalisée

Dans le web design, l’une des composantes essentielles, c’est la police de caractères, notamment pour les titres de rubriques et/ou logos de sites. Pour trouver une police convenable, il y a deux options :...

CSS Optimizer, la compression online des feuilles de style 1

CSS Optimizer, la compression online des feuilles de style

Il y a quelques semaines, Google a porté quelques modifications à son système de référencement en intégrant le quasi-temps réel puis en prenant en considération la vitesse de chargement des pages. Du coup, la...

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.

Trouvez une photo sur Flickr par sa forme et sa couleur 0

Trouvez une photo sur Flickr par sa forme et sa couleur

Pour ceux qui ne connaissent pas le service, Flickr est un service de stockage et de partage de photos.

Pratique pour stocker ses propres créations, ce service est aussi utile pour consulter ceux des autres personnes. L’inconvénient, c’est qu’il y a énormément d’utilisateurs et que trouver une photo en particulier relève du défi.

chercher une image flickr d'après sa forme et sa couleur

L’idéal serait donc de pouvoir mettre rapidement la main sur une photo, ne serait-ce que pour illustrer un article ou une présentation.

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.

Feng-GUI – Le heatmap de site automatique 0

Feng-GUI – Le heatmap de site automatique

Feng-GUI est une application web payante destinée à simuler une heatmap -carte d’identification des zones de chaleur- de site internet.

C’est-à-dire de déterminer, à partir d’un snapshot d’interface web, quelles sont les zones sur lesquelles les utilisateurs cliquent en priorité.

feng-shui web

Basée sur une analyse algorithmique et non sur un comportement réel, la carte fournie doit permettre de placer au mieux ses publicités ou les éléments que l’on souhaite mettre en avant sur tel ou tel site, et d’aménager son design en fonction.

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.