Après deux jours de Google Doodle mystérieux, Google a fait la « Big Annonce » de la journée : la mise en ligne du Google Instant Search. Tout d’abord pour tester cela, rien de plus simple que d’aller sur le site de Google (pas la peine de te donner le lien je présume…) et de commencer une recherche.

C’est magique, on arrive sur la page des résultats tout seul, sans même valider le formulaire. Les résultats s’actualisent à la frappe du clavier et est couplé avec le toujours présent Google Suggest. Une chose que l’on peut dire, c’est que c’est très très très rapide. Google Instant Search porte bien son nom, en effet c’est bel et bien instantané, et en plus, je ne pense pas être le seul à m’amuser avec ce soir (ou ce midi / après-midi aux USA).

A voir ce que cela va donner à l’utilisation, pour une première recherche, les internautes ont pris l’habitude d’utiliser la boîte de moteur de recherche du navigateur (Firefox, Internet Explorer, Opéra, Chrome… le proposent tous).

Et je peux déjà parier sur une pléiade de tutoriels à venir tels que « Faire une recherche à la Google Instant Search » avec Jquery et PHP (ou Mootools et ASP par exemple) ! Et pourquoi pas un petit tutoriel avec JQuery ici (j’ai déjà commencé à y réfléchir ).

Cette petite transgression dans le thème du blog me permet de parler d’une nouvelle fonctionnalité que je trouve particulièrement réussi et de voir l’éventuel impact d’un billet à chaud sur une actualité brûlante, avec peut-être un retour sur cette expérience bientôt !

Pas encore de billet sur le même sujet !

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 !

Pas encore de billet sur le même sujet !

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…

Pas encore de billet sur le même sujet !

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 !

Pas encore de billet sur le même sujet !

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 !

Pas encore de billet sur le même sujet !

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

Pas encore de billet sur le même sujet !

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 !

Pas encore de billet sur le même sujet !

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 !

Pas encore de billet sur le même sujet !

FireQuery est un plugin Firefox qui ajoute la gestion de JQuery sur Firebug. Il faut donc avoir le plugin Firebug (un des meilleures plugins pour tout développeur !) installé pour pouvoir l’utiliser.

FireQuery permet, entre autre, d’afficher intelligemment le JQuery attaché à un objet du DOM lorsque l’on parcourt celui-ci à l’aide de Firebug, le surlignement d’élément (dans la fenêtre de Firebug) pendant l’exécution du JQuery ou d’ajouter du JQuery (juste à l’affichage) sur n’importe quelle page web (à la manière de la modification du DOM par Firebug)…

En conclusion, FireQuery rend Firebug encore plus indispensable aux développeurs !

Pas encore de billet sur le même sujet !

les stats de chaque article sur la page de listing de articles

Le plugin Google Analytics Dashboard permet d’ajouter simplement quelques stats Analytics directement dans l’admin de ton blog WordPress. Un récapitulatif global est affiché sur la page « tableau de bord » de l’admin. Ce que j’ai surtout trouvé interressant, ce sont les statistiques affichées directement dans le listing des articles déjà publiés sur le blog (comme sur la capture d’écran ci-dessus).

On peut ainsi savoir exactement le nombre de fois où l’article a été vu. Il faut bien sûr que l’internaut soit allé sur la page de l’article, les articles lus depuis la page d’accueil du blog ne sont pas comptabilisés. Cela peut permettre un re-ciblage du blog pour savoir quels types d’articles sont les plus vus.

Il faut, of course, un compte Google Analytics pour que le plugin puisse se connecter à l’API analytics pour récupérer les statistiques. Le plugin n’ajoute pas le code du tracker sur le pages du blog et il faut lui donner vos login et mot de passe de ton compte Google.

Pas encore de billet sur le même sujet !

Le site KevAdamson.com est le site d’un web designer anglais travaillant en freelance. J’ai particulièrement aimé le design de son portfolio en ligne. Les effets papier et site web faits « à la main » sont bien rendus. J’aime aussi beaucoup le GIF animé (pour une fois pas du tout kitsch) en haut à droite du blog, j’ai même cru à une animation flash.

Le site utilise également JQuery, tout d’abord avec des JCarousel pour les miniatures sur la page d’accueil (il faut tester les petites flèches en dessous). L’utilisation du plugin est assez originale avec les 4 caroussels les uns à côté des autres et avec l’effet papier déchiré en haut. On retrouve ensuite des petites touches de JQuery dans la colonne de droite avec divers blocs affichés sous forme d’onglet.

Pas encore de billet sur le même sujet !

Toujours dans l’optique de prendre le contrôle de l’internet mondial et de faire des sites web dans des domaines qui me plaisent : je te présente en exclusivité mondiale photosdeconcert.fr !

Le site web est en cours de finition et j’ai prévu la sortie d’une première version Beta le 4 Août prochain. Le projet Photos de concert est parti d’un constat, je prend souvent des photos quand je vais à des concerts, ces photos restent sur mon PC ou sont partagées sur Flickr et sont perdues dans la masse de photos… Pour offrir plus de visibilité et pour partager les photos, quoi de plus simple qu’un site dédié à cela ?

Photos de concert, proposera à chaque membre inscrit (inscription nécessitant juste un login, un mot de passe et une adresse email) d’uploader ses photos, de les classer par album de les proposer au téléchargement et de les décrire.  Il aura accès aux différentes stats (visites et téléchargements) pour chaque photo.

Bref, c’est un site que j’espère convivial et qui sera facile d’utilisation. Encore un peu de boulot dessus pour l’ouvrir mais c’est déjà bien parti .
J’aurai l’occasion d’en reparler plus en détails prochainement !

Pas encore de billet sur le même sujet !

Je suis tombé dessus tout à l’heure losrque je cherchais une illustration pour mon article sur les applications Iphone sur DeviantArt.

DeviantArt annonce donc qu’il est maintenant possible possible de créer son portfolio sur le site ! Le portfolio peut ne pas être lié à une galerie DeviantArt et est (apparamment) peu personnalisable graphiquement. Au vu des quelques démonstrations déjà disponibles, et de la vidéo de présentation, les styles sont assez épurés et permettent de mettre pleinement en avant vos créations. La version gratuite est limitée à 100 photos et l’url du portfolio sera de la forme : http://lepseudo.daportfolio.com

Bien sûr, il existe une version payante qui permet plus de personnalisation, plus de domaines disponibles et permet un nombre illimité de photos.

Si la version gratuite s’étoffe (notamment en terme de personnalisation gratuite), cela peut devenir une bonne solution pour créer facilement son portfolio sans aucune notion technique. En attendant, les portfolios se ressembleront tous…

Pas encore de billet sur le même sujet !

Pour changer un peu, je propose aujourd’hui un article sur l’Iphone. Je suis l’heureux possesseur d’un Iphone 3G depuis presque 2 mois. J’ai eu le temps de m’adapter à la bête et j’avoue qu’aujourd’hui j’aurai du mal à revenir à un téléphone portable classique (sans internet)…

Je te propose donc une liste des applications que j’utilise le plus. Bien sûr ce classement est totalement subjectif et reflète uniquement mon utilisation du téléphone Apple (c’est d’ailleurs le seul produit Apple que je possède, et je n’en aurais pas d’autres… je ne suis pas totalement fan de la mentalité Apple).

Donc voici la fameuse et tant attendue liste :

• Twitterific pour Twitter en direct live de mon téléphone et pour te suivre également. Très pratique les week-ends (où je n’approche quasiment jamais d’un PC).
• Shazam pour connaître l’artiste et le titre d’une chanson qui passe. Une des applis les plus connus
• Iciné pour avoir les horaires des cinémas près de chez moi. En plus, l’appli donne les résumés des films !
• Sports.fr pour suivre l’actualité sportives ou événements en live. En comparaison, l’appli l’équipe.fr coûte 0.79€…
• Le Monde.fr pour l’actualité française et internationale. Très appréciable en mode « push » (pour recevoir les notifications des news importantes sans lancer l’appli).
• Qype Radar pour connaître les bars, restos, hôtels… dans les environs
• Analytics pour avoir toujours sous la main les stats de mes sites et du blog
• Skype pour chatter avec mes contacts skype sans avoir un PC sous le coude
• Et un jeu pour finir : CardShark pour jouer au solitaire dans les files d’attente !

Pas encore de billet sur le même sujet !

Le site du vendredi après-midi pour t’occuper tout le week-end : lapunaise.fr . Sur la punaise tu pourras retrouver plein de proverbes à la con ajoutés par les membres eux-même.

Après le principe est à la bashfr, on peut voter pour n’importe quel proverbe pour le voir monter dans le classement. On peut également les partager sur Facebook ou directement les Twitter. Le site a été réalisé par Thomas Bisignani que tu peux suivre sur Twitter (c’est d’ailleurs grâce à Twitter que je suis tombé sur la punaise).

Bon week-end à toi !

Pas encore de billet sur le même sujet !

En surfant sur le site Unwrongest.com,  je suis tombé sur la page « en savoir plus » du blog. Cette page propose une simple illustration qui présente comme un nuage de mots mais stylisé. Un lien apparraissait en-dessous et menait vers le site Wordle. Wordle propose de générer automatiquement ce genre d’image (voir ci-dessous).

On peut la créer à partir d’un texte, d’une page web (si celle-ci possède un flux RSS) ou de vos favoris Delicious. Une fois cela choisi, une interface tout en Java (il faut donc avoir le plugin Firefox pour le Java) permet de modifier plein de paramètres : les typographies, la taille, les couleurs, l’inclinaison… A noter que l’on peut choisir un jeu de couleur entièrement personnalisé (j’ai utilisé les couleurs du blog, en y ajoutant un paramètre pour faire des légères variantes de couleurs).

La première image représente des mots que j’ai saisi en vrac (la taille d’un mot varie selon le nombre d’occurence de ce mot) et la seconde image est basé sur mon blog (le mot le plus écrit est… permet, surtout avec le billet d’hier). Bien sûr les deux image sont sous Licence Creative Commons en citant l’auteur : http://www.wordle.net !

Pas encore de billet sur le même sujet !

Pour le 100ème billet de ce blog (en 111 jours, la moyenne est pas mal, nan ? ), j’ai choisi de présenter quelques blogs que je suis pour certains depuis plusieurs mois et pour d’autres depuis quelques jours seulement.

5 blogs sur les 6 que je vais présenter sont des blogs techniques (dans le domaine du web of course) et un plutôt humoristique. J’ai essayé de ne pas sélectionner des blogs que tout le monde connaît, on ne retrouvera pas ici Presse-Citron, Korben, Blogmotion ou BienBienBien (oups, je les ai quand même cité… ).

Galanterie oblige, je vais commencer par le blog d’Émilie Navarro qui est une webmaster dans la région toulousaine. Son blog traite de ses différentes réalisations, de ses expériences (avec Twitter par exemple), de marketing et du web en général. Ses billets sont toujours bien documentés et ses illustrations sont toujours sympas !

Olybop est un blog qui parle surtout de deisgn et qui présente très régulièrement des illustrateurs. Ses découvertes sont souvent sympas et parfois surprenante. Tu pourras également le retrouver sur twitter.

Le Dator Blog est un blog qui parle de développement web principalement. On y retrouve pas mal de JQuery et régulièrement des présentations de plugins JQuery.

J’ai découvert le blog d’Adrian Gaudebert il y a peu. Son profil de jeune développeur web m’a rappelé un peu le mien. Ses billets parle du web en général et de ses projets. C’est lui qui a créé le prjet « blog libre de tout contrôle gouvernemental » en opposition à Hadopi et Loppsi2. Il a également fait un billet sympa sur PHP fonctions !

Raphaël Kueny est un développeur web PHP. Son blog parle donc de… développement web PHP ! Ses billets sur la communauté PHP, sur les news du PHP ou sa série de tutoriels sur « Comment créer un jeu web » sont toujours intéressants et bien documentés.

Pour finir en beauté, un blog pas technique, mais plutôt humouristique : La bande pas dessinée ! Un blog BD qui présente régulièrement des planches (souvent à trois cases) où le pas concept c’est d’avoir des pas personnages. On retrouve uniquement les bulles. Si tu as un peu de temps cet été sur la plage, je ne peux que te recommander de les lire tous depuis le début. Attention, il faut aimer le second degrès et l’humour noir !

Pas encore de billet sur le même sujet !

Parce qu’un peu de fayotage n’a jamais fait de mal, je te présente en exclusivité mondiale picarde, le blog vidéo d’Arnaud Jibaut. Arnaud Jibaut est un des deux gentils organisateurs patrons de la société Awelty (qui m’emploie actuellement).

Sur le blog, on retrouve que des vidéos, très peu de textes (c’est donc aussi un blog pour les illettrés). De la dernière vidéo à la mode (les pubs Oasis) à la petite perle découverte en passant par des vidéos vintage, le blog va ratisser large pour t’en mettre plein les mirettes !

Pas encore de billet sur le même sujet !

Pour aujourd’hui je voulais parler du site minning.de. Un site au design minimaliste mais qui a de la classe (comme tous les sites aux designs minimalistes réussis). C’est le site web d’un graphiste Berlinois, les diverses illustrations sont assez réussies je dois dite (j’aime particulièrement l’image de la page d’accueil).

A noter que la navigation sur le site est faite tout en Javascript (apparemment sans JQuery, d’après ce que j’ai pu voir dans le code) et est agréable à utiliser !

Pas encore de billet sur le même sujet !

Hellotipi est un site français qui permet de « créer un site familial privé ». On entend par privé qu’il faut absolument être connecté pour pouvoi accéder au divers contenu du site (photos, documents…). A vous de partager les accès uniquement avec votre famille, un groupe d’ami… Hellotipi est un peu comme le plus connu des réseaux sociaux (Facebook) mais est beaucoup plus sécurisé du côté de la protection de la vie privée. On garde vraiment le contrôle des accès et vos données personnelles ne sont pas utilisées à des fins publicitaires.

Après l’inscription, un sous-domaine (virtuel) est créé, tu auras donc une adresse de type : http://nomdefamille.hellotipi.com. Après cela c’est à toi de jouer pour ajouter du contenu sur le site, inviter ta famille sur le site (avec un outil d’import de contact depuis une boîte mail) et voir la mise en page du site (pas aussi poussé que sur e-monsite par exemple). 

Pas encore de billet sur le même sujet !