C’est peut-être le secret le mieux gardé de la blogoshère et, soyons modeste, de l’internet : un annuaire des services Web en versions béta.Mais de quoi qu’il cause, lui ? Du Museum of Modern Betas qui récence tout site de service qui n’est pas encore officiellement lancé. Des dizaines, que dis-je des centaines de sites pleins de “Web 2.0”, de RSS, de tag clouds, d’hébergements de vlogs, de partage de fichiers, de social networking et j’en passe. Des trucs pour faire des bidules avec des machins dont le commun des mortels n’a encore entendu parler, à part quelques-uns comme les services de Google, Yahoo!, CoComment et autres Mabber. Certains n’en sont même pas au stade de la version béta, mais en alpha. D’autres ont déjà mis la clé sous la porte.
Pour savoir réellement ce que propose un service, il faut visiter le site du service en question, car les descriptions dans les fiches de MoMB (qui se résume souvent au slogan du site) ne sont pas très parlantes. Parfois, il sera indispensable d’ouvrir un compte (quand ce n’est pas sur invitation) pour savoir enfin de quoi il en retourne.
Tenez, un exemple d’application marrante trouvée il y a quelques jours sur MoMB (avant l’article de ZDNet ;-)) : Chatsum qui permet de chatter avec des personnes qui visitent un site en même temps que vous.
En résumé, MoMB est l’Endroit pour découvrir les applications du web de demain. Le site idéal pour briller auprès de vos amis et/ou de votre blogroll quand vous aurez trouvé ze-service-qui-tue, avant les autres. Et pourquoi pas, un bon supermarché pour les dents longues qui cherchent à investir leurs deniers dans des poules aux œufs d’or ou des “Pshiiiit” en puissance. 😉
Safari est un très bon navigateur. Sobre, performant et léger. Mais il a ses défauts (certains diront des gros défauts), comme tous les navigateurs. C’est pourquoi j’utilise Safari et Firefox… en même temps. Parfois ce n’est pas moins de quatre navigateurs différents qui sont ouvert sur mon Mac, plus deux sur le PC (4+2=6 !). Mais c’est uniquement en cas de tests intensifs sur des sites que je développe, si ça peut vous rassurer. 😉
Outre l’élégance générale de l’interface de Safari (mais Firefox peut être rendu aussi élégant ;-)), il y a un petit détail en plus : le champ de texte pour faire une recherche sur un site peut avoir une apparence à la OS X. Avec ses jolis bords arrondis, l’ombre, le halo quand on clique dedans et la petite croix pour effacer le contenu du champ. Vous n’avez aucune idée de ce dont je parle ? Bien. Voici quelques exemples issus de l’interface de Mac OS X :
Comme on peut le voir, sur apple.com vu depuis Safari, le champ de recherche à le même look que les autres. C’est bien sympa et c’est très simple à faire.
Dans le code xhtml (ou html mais il faut enlever l’espace et le “/” à la fin) du champ “input”, au lieu du type “text”, il suffit de mettre “search” : <input type="search" /> Magique ! Safari se charge du rendu tout seul comme un grand. On peut même rajouter le petit menu en forme loupe servant à mémoriser les derniers termes recherchés : <input type="search" autosave="applestyle_srch" results="5" />
Voici ce que ça donne :
Je vois d’ici votre perplexité car vous ne voyez qu’une simple case sans habillage particulier, n’est-ce pas ? Si c’est le cas, c’est parce que vous consultez cette page avec Firefox ou Internet Explorer comme 96% des internautes (source : Journal du Net février 2006) ou tout autre navigateur. Voilà tout le problème. Ça ne marche qu’avec Safari (2,1% de PdM) et c’est bien dommage.
Mais tout n’est pas perdu ! J’avais remarqué sur last.fm, que le champ de recherche (en haut à gauche) était du même style, quel que soit le navigateur (récent, bien entendu). Donc, il devait y avoir un truc et je voulais l’appliquer sur ce blog. Muni de quelques mots-clés bien choisis, j’entrepris une recherche avec Google (et son champ tout moche, tout carré :-P). J’ai trouvé tout de suite. Ça se passe chez Timothy Groves. J’avais donc dans les mains des gif, du JavaScript et des CSS. Il ne restait plus qu’à se mettre au boulot.
Autant le dire tout de suite, tout n’a pas été comme sur des roulettes (et le contraire m’eut étonné ;-)). Il m’a fallu pas mal bidouiller le code et les styles du blog pour y arriver. Mais ce n’était pas encore parfait. Manquaient à l’appel le halo et le texte gris “Recherche” qui disparaît quand on clique dans le champ. OK. Pour l’histoire du texte gris je ne sais plus par quel moyen j’ai trouvé chez theMasTa. Je me suis rapidement rendu compte qu’il me manquait encore une information sur la façon de coder ce que je voulais faire. Car il fallait se rendre à l’évidence, je devais en partie le coder moi-même. OK -> Google. Trouvé sur Caboose.
Ouf ! J’avais tout. Après avoir passé tout ça au mixeur j’y suis parvenu. Si on regarde le(s) code(s) pour faire tout ça, ce n’est pas très propre. Mais ça marche ! Avec un petit bémol pour Opera qui n’affiche pas tout à fait correctement un bouton, mais je corrigerai ça.
Vous pouvez voir le résultat ici, sur ÜberGeeek (que vous utilisiez Firefox ou Internet Explorer, Mac ou PC) en haut de la colonne de droite. 😉 (en cas de problèmes, merci de me l’indiquer)
C’est vraiment de la grosse bidouille mal faite. C’est pourquoi je ne livre pas le code pour l’instant. Quand j’aurai le courage, je le referai proprement en l’incluant dans le code trouvé chez Timothy Groves (Brand Spanking New). À ce moment-là, j’en ferai don à la communauté (ça fait vachement humble, n’est-ce pas ? :-P). En attendant, vous pouvez toujours vous servir du code original qui résout une grande partie du problème.
Quel était le problème déjà ?… Avoir un joli champ “recherche”. C’est bien. Il y en a dans le fond qui suivent. 😉
Safari est un très bon navigateur. Sobre, performant et léger. Mais il a ses défauts (certains diront des gros défauts), comme tous les navigateurs. C’est pourquoi j’utilise Safari et Firefox… en même temps. Parfois ce n’est pas moins de quatre navigateurs différents qui sont ouvert sur mon Mac, plus deux sur le PC (4+2=6 !). Mais c’est uniquement en cas de tests intensifs sur des sites que je développe, si ça peut vous rassurer. 😉
Outre l’élégance générale de l’interface de Safari (mais Firefox peut être rendu aussi élégant ;-)), il y a un petit détail en plus : le champ de texte pour faire une recherche sur un site peut avoir une apparence à la OS X. Avec ses jolis bords arrondis, l’ombre, le halo quand on clique dedans et la petite croix pour effacer le contenu du champ. Vous n’avez aucune idée de ce dont je parle ? Bien. Voici quelques exemples issus de l’interface de Mac OS X :
Comme on peut le voir, sur apple.com vu depuis Safari, le champ de recherche à le même look que les autres. C’est bien sympa et c’est très simple à faire.
Dans le code xhtml (ou html mais il faut enlever l’espace et le “/” à la fin) du champ “input”, au lieu du type “text”, il suffit de mettre “search” :
[code lang=”xhtml”] [/code]
Magique ! Safari se charge du rendu tout seul comme un grand.
On peut même rajouter le petit menu en forme loupe servant à mémoriser les derniers termes recherchés :
[code lang=”xhtml”] [/code]
Voici ce que ça donne :
Je vois d’ici votre perplexité car vous ne voyez qu’une simple case sans habillage particulier, n’est-ce pas ? Si c’est le cas, c’est parce que vous consultez cette page avec Firefox ou Internet Explorer comme 96% des internautes (source : Journal du Net février 2006) ou tout autre navigateur. Voilà tout le problème. Ça ne marche qu’avec Safari (2,1% de PdM) et c’est bien dommage.
Mais tout n’est pas perdu ! J’avais remarqué sur last.fm, que le champ de recherche (en haut à gauche) était du même style, quel que soit le navigateur (récent, bien entendu). Donc, il devait y avoir un truc et je voulais l’appliquer sur ce blog. Muni de quelques mots-clés bien choisis, j’entrepris une recherche avec Google (et son champ tout moche, tout carré :-P). J’ai trouvé tout de suite. Ça se passe chez Timothy Groves. J’avais donc dans les mains des gif, du JavaScript et des CSS. Il ne restait plus qu’à se mettre au boulot.
Autant le dire tout de suite, tout n’a pas été comme sur des roulettes (et le contraire m’eut étonné ;-)). Il m’a fallu pas mal bidouiller le code et les styles du blog pour y arriver. Mais ce n’était pas encore parfait. Manquaient à l’appel le halo et le texte gris “Recherche” qui disparaît quand on clique dans le champ. OK. Pour l’histoire du texte gris je ne sais plus par quel moyen j’ai trouvé chez theMasTa. Je me suis rapidement rendu compte qu’il me manquait encore une information sur la façon de coder ce que je voulais faire. Car il fallait se rendre à l’évidence, je devais en partie le coder moi-même. OK -> Google. Trouvé sur Caboose.
Ouf ! J’avais tout. Après avoir passé tout ça au mixeur j’y suis parvenu. Si on regarde le(s) code(s) pour faire tout ça, ce n’est pas très propre. Mais ça marche ! Avec un petit bémol pour Opera qui n’affiche pas tout à fait correctement un bouton, mais je corrigerai ça.
Vous pouvez voir le résultat ici, sur ÜberGeeek (que vous utilisiez Firefox ou Internet Explorer, Mac ou PC) en haut de la colonne de droite. 😉
(en cas de problèmes, merci de me l’indiquer)
C’est vraiment de la grosse bidouille mal faite. C’est pourquoi je ne livre pas le code pour l’instant. Quand j’aurai le courage, je le referai proprement en l’incluant dans le code trouvé chez Timothy Groves (Brand Spanking New). À ce moment-là, j’en ferai don à la communauté (ça fait vachement humble, n’est-ce pas ? :-P). En attendant, vous pouvez toujours vous servir du code original qui résout une grande partie du problème.
Quel était le problème déjà ?… Avoir un joli champ “recherche”. C’est bien. Il y en a dans le fond qui suivent. 😉
C’est idiot mais ça m’a fait bien rire. 😀
On se demande toujours d’où viennent les idées chez Microsoft.
Peut-être un début de réponse : ils ont trop regardé la télé dans les années 80.
La configuration de ce blog avance petit à petit (faut bosser aussi ;)).
J’installe des plugins, adapte du code, etc. (je parlerai des autres modifications dans un autre billet)
Pour afficher les photos de mon compte Flickr, j’ai trouvé un super plugin pour WordPress : FAlbum (que vous pouvez voir en action sur la page photos). Mais voilà, FAlbum doit s’intégrer au thème actif (Kiwi 1.1 Final). La solution fournie par Crystal sur sa page sur les modifications de Kiwi ne fonctionne pas avec la dernière version de FAlbum (0.6.4).
Que faire ? Mettre la main à la pâte bien sûr !
C’est ce que j’ai fait en modifiant le fichier de Crystal pour rendre compatible FAlbum avec Kiwi 1.1.
Si vous voulez l’essayer (à vos risques et périls), voici la marche à suivre :
Téléchargez l’archive : album.php.zip
Décompressez-la. 😉
Copiez le fichier “album.php” dans votre installation de Kiwi, à cet endroit : /wp-content/plugins/falbum/wp/
Chargez votre page de photos.
Et voilà ! Tout devrait marcher comme prévu. 🙂
Second post, first hack (before you read my post, first I’d like to apologies for my bad english :P)
The configuration of my new blog is progressing. (when I’m not working ;))
I install plugins, modify code, etc. (I’ll write about it in another post)
Bienvenue sur ÜberGeeek, le blog avec trois “e”. 😛
Pourquoi un blog ?… Bonne question. En fait, depuis le temps que j’ai envie de passer Mémoire-Vive sous WordPress et que j’ai installé 6 blogs Worpress et configuré deux autres, traduis un thème en français, modifié des feuilles de styles, installé deux SPIP et un wiki en deux mois… le besoin d’avoir un espace de bidouille se faisait sentir. Donc, si sur übergeeek quelque chose est cassé, un thème qui change ou un truc de traviole, c’est que je dois être en train de bricoler. Don’t worry. 😉
Pour le moment, le thème utilisé est Kiwi avec un logo de mon cru. Un thème original est en chantier, mais par manque de temps je vais me contenter de celui-ci, qui est quand même assez sympa.
Concernant le futur contenu de ce blog. Rien de bien précis. À part peut-être des news de geeks, mes impressions de geek, des bookmarks de geeks, etc. 😉
C’est peut-être le secret le mieux gardé de la blogoshère et, soyons modeste, de l’internet : un annuaire des services Web en versions béta.Mais de quoi qu’il cause, lui ? Du Museum of Modern Betas qui récence tout site de service qui n’est pas encore officiellement lancé. Des dizaines, que dis-je des centaines de sites pleins de “Web 2.0”, de RSS, de tag clouds, d’hébergements de vlogs, de partage de fichiers, de social networking et j’en passe. Des trucs pour faire des bidules avec des machins dont le commun des mortels n’a encore entendu parler, à part quelques-uns comme les services de Google, Yahoo!, CoComment et autres Mabber. Certains n’en sont même pas au stade de la version béta, mais en alpha. D’autres ont déjà mis la clé sous la porte.
