Aujourd’hui encore beaucoup de sites web ne se prennent pas la peine d’agrémenter visuellement leurs présentations d’images, illustrations, et autres galeries.
Je comprends que éditer chaque image une par une via Photoshop peut fatiguer à la longue, alors pour gagner du temps nous allons automatiser cela à l’aide du CSS. 😉

Qu’est-ce qu’un slider ?

Je dirais qu’un slider est tout simplement un sélectionneur de valeurs qui vous permet donc de sélectionner une fourchette de valeurs afin de créer par exemple un filtre, comme par exemple pour choisir un prix minimum et prix maximum dans une boutique en ligne.

L’avantage de SelectToUISlider (anciennement connu sous le nom de Accessible Slider) proposé par Filament Group est que si le JavaScript ou le CSS n’est pas activé chez l’internaute, le slider s’occupera d’afficher les listes déroulantes quand même afin de sélectionner une valeur !

DEMO EN LIGNE

Pas grand chose à faire, comme tout plugin jQuery qui se respecte, il vous suffira de lire la doc afin de consulter les différentes options et paramètres qu’il propose, et il s’occupera tout seul comme un grand de convertir votre ou vos listes déroulantes en slider.

Fonctionnalités :

Contrairement aux autres sliders il n’est pas limité à sélectionner uniquement des valeurs de date, il gère également les données suivantes :

• les chaines de caractères (ex: « très lent », « lent », « rapide », « très rapide »)
• les dates
• les chiffres

Cette nouvelle version est basée sur jQuery UI, mais propose de nouvelles options :

• labels (Number, nombre de labels à afficher : par défaut à 3)
• tooltip (Boolean, affiche ou non les infos-bulles : par défaut à True)
• tooltipSrc (Specific String, source du texte de l’info-bulle venant de la liste déroulante. Les valeurs disponibles sont « value » ou « text » : par défaut à « text ».
• labelSrc (Specific String, source du texte du label venant de la liste déroulante. Les valeurs disponibles sont « value » ou « text » : par défaut à « value ».
• sliderOptions (Object, accepte les options du slider jQuery UI de base)

A noter que cette nouvelle version gère également le support ARIA du W3C.

Enfin, vous pouvez naturellement personnaliser à souhait votre slider grâce au puissant générateur de thèmes jQuery UI ThemeRoller.

TELECHARGER

ou bien (si le lien est cassé)

TELECHARGER

Liens :

• Page officielle du slider SelectToUISlider
• Démo 1 (Basique, permet de sélectionner 5 options)
• Démo 2 (Permet de sélectionner une fourchette de dates)

ColoRotate est un service en ligne développé en Flash qui vous permet de créer et gérer des palettes de couleurs, sa particularité étant de vous proposer un outil en 3D.

Il existe plusieurs concepts du même genre, mais ColoRotate sort du lot en vous offrant la possibilité de faire des combinaisons de couleurs sous un nouvel angle et donc d’avoir une prise en main qui vous permet de mieux imaginer ce que vous souhaitez pour vos travaux de design..

La base est identique aux autres : vous choisissez les couleurs principales et pouvez modifier la teinte, le contraste, la luminosité, le mélange, la nuance, etc…
Lorsque votre palette vous plais enfin, vous pouvez la sauvegarder et également l’exporter au format ASE (Adobe Swatch Exchange).

Le site possède également une partie communautaire où vous pourrez donc échanger ou vous inspirer des palettes des autres utilisateurs 😉

Visiter le site officiel.

J’ai bien apprécié cette vidéo de la chanson Viva la vida de Coldplay, interprétée par la chorale d’enfants PS22 🙂

Ça vibre sec ils sont à fond, c’est eux les nouvelles stars 😉

Il existe un effet à la mode dans le monde de la photo aujourd’hui, les panoramas circulaires (Polar Panorama en anglais), qu’on appelle également « projection stéréographique« , « photos sphériques » ou tout simplement  « effet polaire » ou encore « effet planète« .

Le concept consiste à transformer le panoramique circulaire en 360° grâce à l’effet « coordonnée polaire » de Adobe Photoshop.

Je vous propose environ 400 exemples des plus beaux dans le genre trouvés sur la toile (Les photos ont été supprimées du blog pour respecter les droits d’auteur. N’hésitez donc pas à consulter le premier lien que je propose en fin d’article pour visualiser de belles perles dans le genre) :