Nouveau-né dans les sites web de service Twitter, Twitty-Kiss permet, je cite, « d’envoyer un bisou anonyme à vos amis Twitter ! ». Facebook avait le Poke, maintenant Twitter a le Twitty-Kiss !

Twitty-Kiss permet donc l’envoi d’un bisou via Twitter. Le membre a qui vous envoyé le Twitty-Kiss verra dans sa timeline Twitter un message du genre :   »@Pseudo_Twitter Quelqu’un t’envoie un Twitty-KISS sur http://twitty-kiss.com/abcde12345« . Le lien mène vers une page qui affiche un message perso que l’auteur a pu envoyer.

Conçu et développé par Florian (aka iMystiK), éminent collègue de chez Awelty, Twitty-Kiss était surtout pour lui un prétexte pour bosser avec l’API de Twitter. Le design est entièrement conçu pour ceux qui portent des lunettes de soleil (sans, le risque de crise d’épilepsie est très sévèrement augmenté). A des fins de test, vous pouvez toujours lui envoyer un bisou sur son Twitter : @mystikfactory !

J’ai le plaisir d’annoncer la mise en ligne de Photos de Concert !  Photos de Concert est le premier site d’hébergement et de partage de photos, spécialisé dans les photos de concert.

On retrouvera sur le site toutes sortes de photos de concert, celles-ci sont triées par artistes/groupe, par membre, par lieu (ville ou salle)… L’inscription et l’upload de photos sont bien sûr gratuits (en contre-partie on retrouve de la pub sur le site). Pour l’instant on y trouve que des photos ajoutées par moi-même avec entre autre des photos de Manu Chao, des photos de La Rue Kétanou ou des photos de The Do. Je compte sur toi pour t’inscrire et ajouter des photos !

Le site web a été entièrement réalisé en HTML/CSS/JQuery et PHP/MySQL. On retrouve diverses (légères) animations faites avec du JQuery (je n’ai pas pu m’en empêcher ). Photos de concert est pour le moment en version Beta, je suis donc ouvert aux retours de bugs, suggestions…

Le blog est  (enfin ! ) de retour! Je reprends le blog en douceur et après un petit break qui s’imposait. Les articles viendront maintenant sur un rythme un peu plus tranquille (et non, il n’y aura plus 2-3 billets par jour…).

Pour ce retour, j’ai le plaisir d’annoncer la mise en ligne de mon portfolio / CV.  Non pas que je cherche du boulot (au contraire, j’en ai trop en ce moment !), mais c’était juste pour m’amuser, faire du web design, de l’HTML / CSS et enfin du JQuery. Je me suis bien éclaté avec JQuery, et au final il y autant de lignes de code avec JQuery que de CSS !

Le design est basé sur le concept des sites horizontaux (voir des exemples dansun précédent billet). On retrouve donc des liens de navigation ( < et >) tout le long du défilement. On peut également naviguer en utilisant les flèches gauche et droite du clavier.

Enfin, il existe une version anglaise du site pour commencer la conquête du monde !

source : flickr

John Resig, le créateur de JQuery a publié sur son blog les diverses présentations (en anglais of course) qui ont servi de support visuel aux conférences données à la ‘2009 jQuery Conference‘ qui a eu lieu à Boston le week-end dernier.

Le premier diaporama présente les évolutions internes apportés à JQuery avec le passage à la version 1.3 :

Recent Changes to jQuery's Internals

View more documents from jeresig.

Enfin, un deuxième diaporama présente l’état de JQuery en 2009. Les divers graphes que l’on peut y voir me conforte dans mon idée que JQuery est la librairie JavaScript la plus rapide et la plus utilisée.

State of jQuery '09

View more documents from jeresig.

Dommage que Boston ne soit pas en France… . J’espère que la progression de JQuery va continuer !

Derrière le design sympa du site Carbonmade se cache un outil de création de portfolio gratuit. Les portofolios ainsi crées ont un joli look 2.0. L’aspect minimaliste des sites générés permettent de bien mettre en avant les oeuvres présentées dans les portfolios (c’est un peu le but d’un portfolio en même temps…)

Les galeries générées sont animés en JavaScript (en utilisant la librairie Scriptaculous). Elles sont sobres et classes en même temps, et le tout est très fluide (enfin sur ma machine ).

Quand on s’inscrit, on obtient une adresse telle que http://monsuperpseudo.carbonmade.com (assez facile à retenir au final). Il existe une version payante qui permet d’augmenter les limitations (en gratuit : 5 projets avec 35 images). Il est même possible d’obtenir un nom de domaine pointant vers le portfolio.

Pour conclure voici quelques exemples de portfolios crées avec carbonemade : poopingiscute (photos) , morfez (photos), krzysztofzbizek/ (photos) ou encore doronk (illustrations).

J’ai eu moins de temps pour bloguer ces tous derniers jours, et pour cause : la mise en ligne de la nouvelle version d’ Agenda Culturel a été réalisée hier. Agenda Culturel, c’est 100 portails départementaux pour trouver des événements culturels près de chez toi ! La base de données se veut très complète (plus de 100 000 au total ) avec un mélange de gros événements et d’événements locaux. A noter que le site est d’un des sites édités par Awelty (tu peux d’ailleurs trouver des articles que j’ai rédigé sur le blog d’Awelty).

J’ai participé à cette nouvelle version en tant que développeur, Pascal et Arnaud ont réalisé la partie graphique et Adeline et Thomas, l’équipe d’Agenda Culturel, ont rédigé les contenus.

Le tout a été développé en PHP/MySQL. J’ai bien entendu utilisé JQuery comme framework JavaScript, et tu peux retrouver certains plugins décrit sur ce blog : Scrollable, JQuery Delay, JQuery UI… J’ai également utilisé les API de Youtube et Flickr.

Le site est encore pour l’instant en version Beta, d’autres fonctionnalités devrait voir le jour d’ici peu !
Tchuss !

Avec le succès toujours grandissant de l’Iphone, se pose la question pour les créateurs de sites web (au sens large) de l’adaptation de son site spécialement pour l’Iphone. Pour ceux qui ne le savent pas, l’affichage des pages par défaut sur l’Iphone se fait bien comme il faut (pas de contenu, à part le flash, qui saute). Néanmoins, la navigation n’y est pas forcément aisée, il faut zoomer sur la page pour lire le contenu textuel du site web.

C’est particulièrement vrai sur les blogs, où le texte est le plus important.  Il faut aussi prendre en compte le poids des pages, en effet, la vitesse d’une connexion 3G (voir même Edge) n’est pas la même que les vitesses de connexion moyennes des box actuelles. Une fois de plus, la page d’accueil d’un blog, souvent longue et illustrée, n’est pas optimisée en ce sens.

L’ergonomie n’est également pas la même. Avec l’Iphone, point de survol, le JavaScript est plus lent. L’expérience utilisateur peut devenir compliqué. Il faut penser aux limitations qu’offre l’Iphone en matière d’interactivité.

La question qui vient ensuite est donc :

Comment puis-je adapter mon blog pour l’Iphone ?

Il peut être facile en JavaScript de détecter si le visiteur est sur un Iphone ou pas :

1
2
3
4
5

var agent=navigator.userAgent.toLowerCase(); // récupération des infos du navigateur web de d'lutilisateur
var is_iphone  = ((agent.indexOf('iphone')!=-1); // on teste si 'iphone' est présent dans les infos du navigateur
if (is_iphone) { 
          // ici vient du code uniquement pour l'Iphone
}

Le côté technique n’est pas ici un problème, la détection du téléphone d’Apple (et de l’Ipod Touch également) est possible, on peut donc envisager de rediriger le visiteur ou de charger (avec ici une détection en PHP) une feuille de style différente. Pour un affichage correct, il faut surtout réduire la largeur du conteneur du site (l’Iphone ayant une résolution de 320*480px) pour éviter d’avoir à zoomer pour lire le contenu de la page web et sacrifier quelques images.

Il existe des solutions toutes faites pour une adaptation rapide mais pas forcément personnalisée. Un plugin Wordpress permet de faire ça très bien : WPTouch. Il gère l’affichage global de la page, transforme même le template avec, par exemple, juste les titres des articles affichés sur la page d’accueil du blog.  Il existe même carrément des thèmes complets pour Iphone sur Dotclear. Après il est tout à fait de faire l’adaptation soit-même pour une plus grande personnalisation graphique. Il existe même déjà une galerie de web design de sites adaptés pour l’Iphone. On peut la trouver ici.

Pour conclure, je pense qu’il va devoir être bientôt nécessaire de faire un travail d’adaptation vers les terminaux mobiles. Il faudrait pouvoir adapter pour tous les navigateurs mobiles facilement (Safari pour Iphone, Opéra Mobile). En attendant, l’adaptation pour Iphone peut être une bonne vitrine. Pour finir avec des chiffres, sur le dernier mois, il y a eu 36 visites faites depuis l’Iphone (soit 0.58% des visites). Est-ce qu’il y en aurait plus si mon blog était adapté pour l’Iphone ? Je ne sais pas, mais je pense que je pourrai en dire d’ici quelques temps !