Plugin jQuery Touchwipe

Aujourd’hui je suis tombé sur un plug-in jQuery très léger et très pratique. Développé par Andreas Waltl, jQuery Touchwipe vous permet de gérer de manière ultra-simple le touché de l’utilisateur sur son iPad, iPhone ou iPod touch sur votre site ou application web. J’ai d’ailleurs testé pour vous ce plug-in, sur mon site perso, et je dois reconnaître que le résultat est vraiment à la hauteur de mes espérances. Vous pouvez désormais passer d’une photo à l’autre ou d’une créa à l’autre en faisant glisser votre doigt sur l’écran de votre iBidule. Parfait ! Un plug-in jQuery comme on les aime.

Cette vidéo ultra-cool a été réalisée pour la promotion de la conférence JavaZone 2010, à Oslo. Elle fait suite au super trailer Java 4-ever qui m’avait déjà fait mourir de rire.

Merci @YuLZ__ pour l’info.

Développer pour mobile n’a jamais été aussi simple.

Ceux qui me connaissent ou me suivent sur Twitter savent que je suis un grand adepte de HTML5. Je suis persuadé que tout ce qu’apporte HTML5 et CSS3 va bouleverser le monde de l’informatique, permettant de faire le grand pas vers le Cloud Computing qui arrive en force. 

Mais en attendant cette révolution de l’informatique, l’heure est au développement d’applications pour mobile. Avec l’arrivée de l’iPhone en 2007, et de son App Store en 2008, le nombre de développeurs pour mobile a explosé, et le nombre d’applications avec lui. Et l’arrivée d’Android et Symbian n’ont fait qu’accentuer ce mouvement. L’heure est au développement pour mobile.

Afficher davantage

HTML5 Local Storage

Je fais partie des convaincus. HTML5 va vraiment changer la donne dans le monde de l’informatique. Ce nouveau standard aura mis du temps à arriver, mais l’attente valait le coup. Je fais partie de ceux qui voient avec HTML5 le Cloud Computing arriver plus vite que prévu. Je pense que dans 3 à 5 ans, la plupart des applications que nous utiliserons seront disponibles en ligne. 

La preuve par l’exemple avec un petit tuto sur l’utilisation d’une propriété fort intéressante d’HTML5 : le Local Storage.

Afficher davantage

Vous l’avez sans doute remarqué si vous me suivez sur Twitter ou Facebook, j’ai donc tout récemment lancé une nouvelle version de mon site. La précédente datait de maintenant 2 ans, et bien qu’elle me plaisait, je souhaitais tout remettre à plat afin de pouvoir ajouter les fonctionnalités que je souhaitais.

J’ai donc changé totalement de style, en cherchant à simplifier au maximum l’interface, pour rendre la navigation plus agréable, plus simple, et plus “cool”.

Parmi les nouveautés du site, la page d’accueil, avec ces Slides réalisés grâce au super plug-in jQuery LoopedSlider du talentueux Nathan Searles. Plug-in que j’ai ensuite grandement adapté à mes besoins, et auquel j’ai rajouté quelques fonctionnalités comme la gestion des touches du clavier, afin de pouvoir utiliser ses flèches gauche/droite pour passer d’une page à une autre. Sur cette page d’accueil, je pourrai donc mettre en avant mes nouveaux travaux, mes nouvelles photos/vidéos… bref, tout ce que je veux. Et je trouve ça cool.

Concernant mon CV, je trouvais l’ancien affichage trop formel, trop sérieux, trop chargé, bref ennuyeux. J’ai donc cherché à le rendre plus simple, plus clair, et rigolo. Désormais, vous y trouvez les différents éléments importants qui composent mon CV, puis lorsque vous les glissez-déposez vers moi, une bulle apparaît et vous donne tous les détails. Je trouve ça cool, pas vous?

Vient ensuite le Portfolio. Celui que j’avais jusqu’à présent était selon moi le gros point noir de mon site. Il était difficile (voire impossible) de naviguer entre les créas, celles-ci n’étaient pas vraiment mises en avant, il y en avait trop… J’ai donc revu totalement ma façon de présenter mes travaux, et me suis basé ici sur le plug-in jQuery GalleryView, là aussi très cool, mais difficile à modifier. J’ai quand même réussi à en faire ce que je voulais, et lui ai ajouté lui-aussi une gestion des touches du clavier (qui prend là tout son sens), un script pour faire patienter l’internaute pendant le chargement du portfolio, etc. Je suis vraiment content de ce que ça donne au final.

La galerie photo est la fonctionnalité qui m’a convaincu de refaire mon site entièrement. Mes proches le savent, j’aime prendre des photos. Et je souhaitais avoir une page sur mon site où je puisse afficher mes favorites. Je me suis là-aussi basé sur le plug-in GalleryView, et j’ai ensuite tenu à donner des informations sur chacune des photos affichées : appareil photo et objectif utilisé (pour ceux que ça intéresse), lieu de prise de la photo, date, et bien sûr la possibilité de télécharger la photo en Haute qualité.

Enfin, la page Get in touch était l’une de mes préférées de mon ancien site. Mettre à disposition sur une seule et même page tous les moyens de me contacter ou de me suivre sur internet me paraissait intéressante, notamment car depuis qu’elle existait, on ne me demandait plus : “C’est quoi ton numéro? T’es sur Twitter? T’as Picasa?”. Et même pour moi, cela me permet de m’y retrouver dans mes différents comptes et services, et c’est plutôt pratique. Dans cette nouvelle version, j’ai trouvé sympa de réunir tous ces accès dans un iPhone 4, et de simuler l’interface graphique d’iOS pour afficher les infos. Vous aimez?

En tout cas je suis assez content de mon travail sur ce site. Enfin un client qui ne me demande pas sans-arrêt de faire des modifs idiotes qui rendent l’ergonomie nulle et le design horrible. S’ils pouvaient tous être comme ça…