Cela fais fort longtemps que il n’y a plus eu d’articles sur mon blog, et je m’en excuse, le temps me manque énormément..

Badiste passionné que je suis, je souhaitais quand même faire la promotion d’une nouvelle boutique orientée à 100% pour le badminton :

Coup Gagnant Badminton

Au programme :

Tout le minimum qu’une boutique de badminton puisse proposer, à savoir en gros :

• Volants plume et volants plastique
  
• Grips et surgrips spécialement pour le badminton (dont les meilleurs gammes de chez Karakal, la référence dans le genre pour ceux qui connaissent ils me comprendront.. ^^)
  
• Raquettes de badminton
• Bagagerie (Thermobags, sac à dos et sac de sports classiques en général)
• Chaussettes de badminton (Quelques modèles vraiment chouettes et originales)
• Bobines et cordages (Les classiques BG65 ou Nanogy95 de Yonex ont un prix assez sympa un peu sous la moyenne)
• Textiles (pour hommes et pour femmes bien entendu :)). Ca va du tee-shirt classique, polo, short, jupe (ou jupette comme vous préférez ^^), et autre survêtements comme les pantalons jogging, pantacourts, le tout en version capri ou classique.
• Et enfin les chaussures de badminton bien sûr. (Je connaissais pas Apacs, mais il faut avouer que dans ce domaine ils font des produits de qualité digne des plus grandes marques, le tout à prix vraiment discount.)

Boutique propulsée le 1er janvier 2010 !

C’est pour cela que certains pourront penser que ça manque un peu de variété au niveau des produits, car pour le moment les marques se limitent à Apacs, Karakal, Yonex, et Space Arrow (S.Arrow) pour les volants plume.

Quand aux volants plume, Coup Gagnant est distributeur/revendeur EXCLUSIF des volants S.Arrow en France.

J’ai eu l’occasion de tester ses volants pour la première fois il y a 2 ans.
Le Gold 01 mérite une bonne attention dans la gamme S.Arrow et le Gold 03 est intéressant pour l’entrainement.
Pour ma part, le Gold 01 est un volant que j’ai définitivement adopté et avec lequel je joue tout le temps ! (Entrainement la semaine et compétition le week-end pour dire).
Sa qualité de vol est remarquable, sa vitesse en 78 est pile poil comme il faut, ce qu’il fais qu’il n’a jamais besoin d’être cassé en début de match ! (Ca j’aime :)).
Enfin, il est vraiment solide !!!

L’argument de poids en fait je dirais que c’est le prix : 13€ le tube. Cela fais 2 années consécutives que je joue avec les volants plume S.Arrow et jamais eu de soucis avec en tournois, au contraire. Je les ai peut être trouvé un peu fragile cet hiver pendant notre dernier interclub, mais il faut dire que la salle n’étais pas bien chauffée et ce fut une véritable hécatombe dans la salle pour toutes les marques et modèles de volants plume.

Certes le Gold 01 de S.Arrow n’est pas encore homologué par la FFBA, mais la procédure est en cours pour une homologation « Standard » et je doute qu’il sera refusé.
L’équipe de Coup Gagnant ne manquera pas de tenir au courant les visiteurs sur la page d’accueil de la boutique quand ce sera ok.

Un futur proche…

Pour en revenir à la boutique, bien entendu ce n’est que le début, et une panoplie de projets en interne se cumulent en liste d’attente :

• Travailler avec d’autres marques telles que Babolat, Wilson et Forza, et surtout dans l’ensemble de s’enrichir de nouveaux produits pour apporter le meilleur, le tout en contrôlant éternellement les prix pratiqués sur la toile afin de rester soit le moins cher, soit le plus compétitif possible.
• Création d’un blog avec de belles surprises à la clé (initiations vidéos (jeu et entrainement physique), tests de raquettes en vidéo, actualité interne de l’entreprise, …)
• Interface à venir pour consulter son classement via les données de la base de donnée officielle de la Fédération Française de Badminton (FFBBA), j’ai nommé Poona, mais en façon plus complète et intuitive, à la façon de Badnuke ou DataBad…
• Interface de gestion de tournoi qui aura plus pour but en premier lieu de recentrer les tournois dans (et autour) du Languedoc-Roussillon (là où se trouve le siège social de Coup Gagnant), étant donné que des sites tels que Badidonk ou Badiste.fr le font déja bien au niveau National.

Voila, je vous invite à découvrir cette nouvelle boutique qui, connaissant la personne qui est aux commandes (Hildenfinck Adrien), s’avère devenir un projet très ambitieux et pleins de surprises !

Visiter la boutique Coup Gagnant

Il n’est pas nouveau mais étant devenu accroc de ce service en ligne, je ne pouvais m’empêcher de créer un billet à son sujet..

TinEye est un puissant moteur de recherche d’images inversé. Vous devez simplement lui soumettre une image ou son URL, et il se chargera de trouver dans son immense base de donnée les documents où elle se trouve, que ce soit sur le Web ou dans des documents papier (journaux ou magazines).

La base de donnée est immense et s’agrandis chaque jour. A titre d’exemple, au moment ou j’écris ce billet en ce 17 mai 2009, la base propose 1,05 milliard d’images contre 487 millions à la même date l’année dernière !

TinEye vous retournera la liste des sites où se trouvent l’image en question, en vous proposant d’effectuer différents tris de résultats, soit par image la plus pertinente/ressemblante, ou soit par la taille de l’image (de la plus grande à la plus petite image trouvée par exemple).

L’algorythme de TinEye est puissant et contrairement à ce que l’on pourrait croire, il n’y a pas d’analyse du contenu de l’image ou autre reconnaissance faciale. En fait il se base sur l’analyse des pixels d’une image afin d’identifier une images et ses caractéristiques, ce qui permet au moteur de retrouver des images malgré le fait qu’elles aient été fortement redimensionnées ou altérées au niveau des couleurs.

En somme, le moteur TinEye est continuellement à la recherche de nouvelles images, et crée une signature numérique pour chacune de ses trouvailles avant de l’ajouter dans la base de données afin de finalement simplement comparer la signature de votre image à celles inclues déja dans la base.

A noter que TinEye s’intéresse également aux vidéos, et qu’il ne sera pas étonnant de voir fleurir un service dans le même genre très bientôt !

Enfin, je vais terminer ce billet en précisant qu’il existe un plugin pour Firefox ainsi qu’un plugin pour Internet Explorer, qui vous permettront de rechercher des images similaires en faisant un simple clic droit sur une image et de sélectionner « Search Image on TinEye » via le menu contextuel de votre navigateur préféré

Liens :

• Tester TinEye (site officiel)
• Installer le plugin pour Firefox
• Installer le plugin pour Internet Explorer

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.

Voici donc pour commencer 5 différentes façons simples d’ajouter un peu de saveur à vos images en les rendant plus attrayantes :

Un effet d’ombre portée

DEMO EN LIGNE
HTML

<img class="shadow" src="sample.jpg" alt="" />

CSS

img.shadow {
	background: url(shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

Un effet de double bordure

DEMO EN LIGNE
HTML

<img class="double-border" src="sample.jpg" alt="" />

CSS

img.double-border {
	border: 5px solid #ddd;
	padding: 5px; /*Inner border size*/
	background: #fff; /*Inner border color*/
}

Un effet de cadre

DEMO EN LIGNE
HTML

<div class="frame-block">
	<span>&nbsp;</span>
	<img src="sample.jpg" alt="" />
</div>

CSS

.frame-block {
	position: relative;
	display: block;
	height:335px;
	width: 575px;
}
.frame-block span {
	background: url(frame.png) no-repeat center top;
	height:335px;
	width: 575px;
	display: block;
	position: absolute;
}

Un effet Watermark sur l’image

DEMO EN LIGNE
HTML

<div class="transp-block">
	<img class="transparent" src="sample.jpg" alt="" />
</div>

CSS

.transp-block {
	background: #000 url(watermark.jpg) no-repeat;
	width: 575px;
	height: 335px;
}
img.transparent {
	filter:alpha(opacity=75);
	opacity:.75;
}

Une description sur l’image (caption)

DEMO EN LIGNE
HTML

<div class="img-desc">
	<img src="sample.jpg" alt="" />
	<cite>Salone del mobile Milano, April 2008 - Peeta</cite>
</div>

CSS

.img-desc {
	position: relative;
	display: block;
	height:335px;
	width: 575px;
}
.img-desc cite {
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 555px;
	padding: 10px;
	border-top: 1px solid #999;
}

Merci à SohTanaka pour l’astuce

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

ColoRotate, l'outil palettes de couleurs en 3D

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.