Sebz' Mess

Pour les développeurs web dans la salle, un petit recueil de snippets javascript qui vont donner un peu de brillance à vos sites ;)

Un ptit extrait :

Image loading & fading


Vous propose d'afficher une zone animée indiquant le chargement d'une grosse image, le tout accompagné d'un effet de fondu une fois l'image prête à être servi à l'utilisateur.


Javascript lightbox


Un petit script qui permet d'agrandir une photo avec un effet de style très hype en ce moment et qui propose une navigation simplifée vers les éventuelles autres images.

L'intégralité ici.

Enjoy !

Publié par Sebz à 22:07 2 commentaires   Tags : javascript, web

Combien de fois vous êtes allés dans votre centre-commercial préféré pour acheter une bouteille de vin pour amener à un repas ?

Combien de fois vous vous êtes demandé : "Alors bon, on va manger du poulet, quel vin pour accompagner ca ..." ?

Et Combien de fois vous êtes reparti avec la bouteille que vous trouviez la plus jolie du rayon ??? ;)

A moins d'aller chez Nicolas et être conseillé par le vendeur ...

BREF, cette époque est révolue, voici venu le temps des bouteilles qui nous disent avec quoi les boire !


Super concept de cette boite américaine : Wine That Loves.

En effet ils ont eu la simple idée d'indiquer sur la bouteille avec quel type de plat le vin peut être associé.

A la votre !

Spéciale dédicace à Nana, mon mentor question levage de coude :)


source : Fred Cavazza

Publié par Sebz à 21:00 2 commentaires   Tags : vin

Ca fait longtemps que je n'ai pas parlé de Joost et là pour la sortie de leur nouveau site web, je me devais de poster un ptit quelque chose :)

Un nouveau site, plus clair, plus ergonomique, plus joli, plus plus plus ;)


Et surtout une nouvelle video de présentation qui est vraiment sympa. 'Sont fort les mecs du marketing :)


Joost TeeVeeee !

Publié par Sebz à 14:34 3 commentaires   Tags : joost

Un délire d'un pote du boulot, Lucas, qui mérite une dédicace :)

Il présente dans son blog la Team Eclipse d'Anyware Technologies (dont je fais partie ;) ), parce qu'ils le valent bien !

Un extrait :

Publié par Sebz à 21:50 5 commentaires   Tags : anywaretechnologies, eclipse, fun

Comme dirait notre ami Herbert Léonard : "Pour le plaisiiiiiiir !!" ... pardon ...

Juste parce que ça les vaut :)

Merci à Kartbenzzzzzzz ;)

Publié par Sebz à 14:28 1 commentaires   Tags : fun

Une idée vraiment sympa qui fait à la fois peur et sourrire !

Tous les ans le 17 juillet, une famille se prend en photo. Ils ont commencé en 1976 ! On peut voir l'évolution des parents et des 3 fils, c'est vraiment génial :)

Un petit extrait ici :


L'évolution sur la fin est vraiment surprenante. L'intégralité ici !

Bref, un super concept que les nouveaux/velles pères/mères qui lisent ce blog pourraient reprendre ! :)

Publié par Sebz à 20:13 5 commentaires   Tags : fun, photo

Vu sur BlogTendances, un gadget INDISPENSABLE!

Il s'agit des “LED Faucet Lights” qui permettent de donner de la couleur à votre eau grâce à des petites LED qui se fixent sur votre robinet.

Ces LEDs sont aussi disponibles avec capteur de température, et LA, c'est la méga classe :)

Facile à installer et ensuite à vous les cocktails qui en jettent !

Publié par Sebz à 13:49 3 commentaires   Tags : gadget

Guess who's back ?!

Je vous en avais parlé il y a quelques temps ! Traveler était initalement prévue pour le 1er janvier 2007, et le d day ... personne !


Une fois n'est pas coutume Alconis est le premier sur le coup, mais je ne désespère pas !
Donc la chaîne ABC annonce la diffusion du premier épisode le 30 mai 2007 et tous les mercredis qui suivent.

Apparement seulement 8 épisodes ont été commandés à la place des 13 initialement annoncés... Ensuite on connait la chanson, si le succès est là (je pense que ce sera le cas !) d'autres épisodes et pourquoi pas saisons suivront !

source : Alconis

Publié par Sebz à 09:41 1 commentaires   Tags : traveler, tvshows

Cela fait longtemps que je vois passer des news sur Greasemonkey, que j'en parle avec Vince (VTH) et que je me dis qu'il faut que je prenne le temps de me pencher dessus !

Et ce jour est venu ! ;)

D'abord, Greasemonkey, c'est quoi ?

C'est une extension pour Firefox qui permet d'injecter à la volée du code javascript dans une page web au cours de son chargement.
Bon ok, dis comme ça, cela ne peut intéresser que les plus geek d'entre nous !

En fait, une fois l'extension firefox installée, vous pouvez vous rendre sur le site userscripts.org chercher un script et cliquer dessus, greasemonkey le détecte et l'installe.
L'extension rajoute dans le menu outils de votre firefox, un item "greasemonkey" qui permet de gérer vos scripts installé (disable, uninstall, edit, etc ..).

Ces scripts permettent de customiser certains site web. Par customiser j'entends, changer le look, ajouter des fonctionnalités, en enlever, etc ...

Rien ne vaut quelques exemples :)

• GMail SuperClean : Permet de changer le look de votre gmail (nouveau logo, des dégradés de couleurs, retrait du bloc pour les invitations, des labels, etc ..)

• GMail Reader : Permet d'intégrer Google Reader dans votre gmail !

• Google Reader Search : Offre la possibilité de faire une recherche dans ses flux ! Une fonctionnalité qui fait (pour l'instant) cruellement défaut au RSS Reader de Google.

Pour ce dernier, il faut plus que le script greasemonkey. Et oui, c'était trop beau pour être vrai. Il vous faut créer un "search engine" via Google Co-op et faire pointer le script greasemonkey dessus.

Pour le tutorial sur la création du moteur de recherche (que j'ai suivi) rendez-vous ici. Je n'ai rencontré qu'un seul souci, lors de l'export de la liste de vos flux, sauvez le fichier avec l'extension ".xml" sinon vous rencontrerez une erreur lors de l'import dans Google Co-op.

Pour la configuration du script greasemonkey c'est ici.

Je ne vous ai montré que des scripts s'attaquant à des application Google, mais il en existe une tétra chi... pour tout plein d'autres sites comme, Amazon, delicious, YouTube, Wikipedia, etc...

Si vous êtes interessé pour développer vous-même votre script vous pouvez vous rendre ici pour avoir plus d'informations.

Publié par Sebz à 17:14 0 commentaires   Tags : firefox, greasemonkey, web

Quelques morceaux coup de coeur découvert sur Radio Wazee et retrouvé sur Radio Blog Club :)

Publié par Sebz à 10:32 0 commentaires   Tags : music

Salut à tous ! (je ne sais pas combien ni qui vous êtes :))

ET, c'est pour ca que je passe à FeedBurner !
Alors d'abord qu'est ce que FeedBurner ?

C'est un site web qui propose aux bloggers et podcasters de gérer leurs flux RSS pour en tirer des statisques et autres informations sur les abonnés de ces feeds :)

Comment ça marche ?
FeedBurner vient se placer entre votre blog et vos abonnés.

Pour cela, vous créez un compte chez feedburner.com vous ajoutez le flux de votre blog (par exemple) à votre liste, vous choisissez une URL chez feedBurner pour votre flux. Elle sera utiliser par les gens qui veulent s'abonner à votre blog.


Cela vous permet en plus des stats, de garder une même URL de feed en cas de changement de nom de domaine, ou de plateforme de blog, etc ...

Mais bon, le problème est que je suis passé à feedBurner, seulement depuis lundi ... donc tous ceux déja abonnés à mon flux ne sont pas pris en compte par feedburner...

DONC ! Si votre flux RSS pointant vers mon blog n'est pas :

Publié par Sebz à 22:18 0 commentaires   Tags : web

Bon, c'est pas compliqué je suis un US TVshows addict.
Quelques nouvelles du front.

Heroes
Vous êtes peut être déja au courant, mais depuis pas mal de temps maintenant NBC, la chaîne qui diffuse Heroes aux US, propose chaque mardi après la diffusion (lundi soir) de chaque épisode, un graphic novel (BD, comics) en ligne.

Ces e-comics complètent l'histoire de l'épisode en rajoutant des infos sur le "background" de certains personnage. Les formats disponibles sont une version flash consultable en ligne et une version PDF téléchargeable.

Je viens d'apprendre que tout comme les sous-titres, ces comics sont traduits ! Donc si vous êtes réfractaire à l'anglais, vous pouvez une fois de plus survire :)


Six degrees
Série créée par JJ Abrams (Alias, Lost) basé sur la théorie qui dit qu'en faisant une chaîne de 6 personnes (je connaissais avec 7 :)) on arrive à connaître n'importe qui dans monde.
Ici l'action se passe à New-York avec six personnes dont les vies vont se recouper.
J'avais commencé cette série en septembre 2006 et quand même un peu accroché. Puis après 6 épsiodes (bizarre ;)) diffusés, la série a été retiré des grilles pour audience trop faible. Donc c'était un peu la loose comme pour de nombreuses séries ...

Sauf que, retournement de situation !! Treizes épisodes ont été commandés, et ABC annonce un retour de la série en primetime pour le 23 mars !

[Update ] : Et peut-être même pour une seconde saison ! :)


Et sinon, toujours pas de nouvelle de Traveler ...

sources : VTH, Alconis, TVSeriesFinale

Publié par Sebz à 13:08 2 commentaires   Tags : 6degrees, heroes, tvshows

Et une vidéo de ce qui va "bientôt" arriver chez nous :)



No comment ...enfin si quand même :)

On aura pu remarquer qu'ils utilisent un système pour manipuler les objets (empiler, trier, déplacer, etc ...) déja vu il y a quelques temps et dont je ne me rappelle plus le nom.

Peut être que vous oui ?


source : Simon

Publié par Sebz à 11:04 4 commentaires   Tags : tech

Spéciale dédicace à Agon :)

Et c'est parti ! Campagne vidéo pour l'iPhone diffusée aux Etats-Unis pendant la coupure pub lors de la cérémonie des remises des Oscars.

Merci à Simon, official content provider :)

Publié par Sebz à 06:51 0 commentaires   Tags : apple, iphone, tech

Rob qui m'a fait découvrir cette animation basée sur une réplique mythique de Pulp Fiction.
Réalisée par Jarratt Moody dans le cadre de ses études, cette vidéo les vaut carrément :)

Enjoy the show !

source : http://www.evasion.cc/blog/post/Motion-design/Jarratt-Moody

Publié par Sebz à 23:08 0 commentaires   Tags : graphics

Qui a déja eu à faire une présentation powerpoint, qui aura à en faire une ? :)
On a "tous" eu des cours de communication avec des règles à respecter, sur le nombre de slides, le temps que l'on doit passer sur chaque, la police, les couleurs, etc ...

Benjamin nous (à mon boulot) a balancé une vidéo d'un mec (que je ne connaissais pas) Guy Kawazaki, qui présente ses 3 règles à respecter pour une bonne présentation.

La vidéo est en anglais non sous-titrée, mais il parle bien, et surtout il est TRES bon.

Cette vidéo est un extrait d'une présentation qu'il a donné lors d'une convention d'entrepreneurs. Une présentation appelée "The Art of the Start" du même nom que son bouquin, une sorte de how-to pour commencer n'importe quel type de projet.

Si vous avez aimé son humour et sa pertinance dans la précédente vidéo, vous allez vous régaler pendant les 40 minutes de la suivante :)



Merci à Simon qui s'est donné pendant toute sa pause déjeuner d'hier, pour nous dégoter l'intégralité :)

Et vive Guy sensei !

Publié par Sebz à 23:09 4 commentaires   Tags : marketing

GoogleMail, GoogleMaps, GoogleCalendar, Netvibes, Flickr, RememberTheMilk, etc...

Autant d'applications web qui sont maintenant incontournables et qui font parti de notre quotidien, on y consigne toute notre vie.

Le seul "souci" c'est que lorsque l'on s'éloigne de notre ordinateur ( ne serait-ce que 5m ;)) et bien toutes ses informations, sont inaccessibles.

Et les principaux acteurs du web l'ont apparement compris. Depuis quelques temps maintenant, Google a mis à disposition des versions mobiles de GoogleMail et GoogleMaps.

Par version mobile, j'entends une application Java à télécharger sur son téléphone portable (sous réserve qu'il soit supporté :)). A ne pas confondre avec les versions web (version mobile) accessibles via le navigateur de votre téléphone portable.

L'avantage de ses versions Java:

• Plus riches graphiquement
• Moins gourmandes en bande passante (seules les données sont récupérées via le reseau GPRS, les éléments graphique sont déja dans le mobile)
• Et donc plus sympa pour votre porte-feuille puisque les forfaits des opérateurs mobile sont fonctions de la quantité de "data" et non de la durée.

On parlait de Google et forcément Yahoo! n'est pas loin. Ils viennent de sortir un pack d'applications mobile, permettant d'accéder à tous les services Yahoo! depuis son téléphone portable :

Publié par Sebz à 21:54 4 commentaires   Tags : mobile, web

La mode en ce moment c'est de tagger des trucs. Tagger ses sites, ses flux RSS, les posts de son blog, ses photos, la musique qu'on écoute, ses dépenses, etc ...

Les tags c'est quoi ? :

wikipedia
tag : " une balise sémantique ou lexicale, que l'on nomme étiquette ou mot-clé en français, utilisée sur les sites dits de réseaux sociaux Web 2.0."

Bon en gros c'est pour classer rapidement dans des catégories représentées par un mot-clé.

Ce qui est encore plus à la mode c'est d'afficher ses tags à la manière d'un nuage, dans lequel plus un tag est utilisé, plus il est écrit gros/gras/d'une couleur différente de ceux qui sont moins utilisé.

Exemple ici avec le nuage de tag de flickr :


Et comme j'aime bien être la mode, j'ai cherché quelqu'un qui avait déja mis en place un nuage de tag sur blogger. Une Googlade plus tard, j'ai trouvé le ptit tutoriel qui fait pile ce qu'on veut :)

En 5 minutes j'ai eu mon beau nuage de tags :)

Enjoy

Publié par Sebz à 14:48 33 commentaires   Tags : web

"heuuuuu ??!"

Oui moi aussi j'ai réagi comme ca.

Je rappelle que la dernière version du système d'exploitation de Microsoft, "Windows Vista", a été officiellement lancé en France le 30 janvier, lors d'un show à l'américaine sur l'esplanade de la Défense.

A cette occasion un spot où l'on voit Flavie (et oui je l'appelle par son prénom) utiliser Vista a été diffusé sur TF1. On comprend pas trop ce qu'elle veut faire... mais bon on s'en fiche puisque :" [...] Et c'est en 3D ! Impressionnant."

Bref je vous laisse juger par vous même :)

Je suis quand même super fan de ces pubs de merde ...

Publié par Sebz à 09:32 4 commentaires   Tags : fun, microsoft

Le dernier épisode de la célèbre série de la chaîne ABC a été dévoilé par Robert Iger, President & Chief Executive Officer de The Walt Disney Company au Consumer Electronics Show à Las Vegas !!

Ne vous inquiétez pas, pas de spoiler ici, c'est just for le fun :)

Publié par Sebz à 10:31 0 commentaires   Tags : lost, tvshows