Tagged: css

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

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

Guess the color 0

Guess the color

Allez zou ! C’est la fin de semaine et bientôt le week-end. Je vous propose donc un petit jeu éducatif auquel vous pourrez jouer, même avec votre boss dans le dos, à supposer que vous ayez à fricoter avec les couleurs.

devinez la couleur

Le but est de trouver la bonne couleur avec, comme seule indication, son code hexadécimal.

Ca peut paraître beubeu mais c’est un chouïa plus difficile qu’il n’y paraît.

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.

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.

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.