Catégorie : Design

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).

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.

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.

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.

CSS Tables gallery 2

CSS Tables gallery

Je ne sais pas pour ce qui vous concerne, mais moi, le css, ça me colle de l’urticaire. Ca fait partie de ces trucs qui me pourrissent la vie dès que j’ai à en passer par eux.

CSS, pour les non-initiés, ça signifie Cascading Style Sheets pour feuilles de style en cascade. Pour vous la faire courte, un fichier css décrit le positionnement des éléments d’une page web, la couleur des composants et deux trois autres bricoles.

L’une des choses que l’on peut faire, avec du CSS, c’est embellir un tableau, un peu comme ça :

table css

Ca vous plait ? Vous aimeriez avoir le même ? No problem, icant vous propose des centaines de styles à télécharger gratuitement.

Menus CSS en téléchargement gratuit 4

Menus CSS en téléchargement gratuit

Je continue ici mon exploration du CSS tout fait, celui qui épargne quelques trop longues heures à se questionner sur la raison qui pousse deux blocs à ne pas s’aligner correctement. Cette fois, c’est...