Construire un service web en 24h

Catégorie web  |  Tag , , , , , ,   |  Pas de commentaires

Impressionnant et surtout très instructif cet article sur Dominiek.com. L’auteur y explique comment il a conçu un service web de A à Z en seulement 24h (étalées sur 4 jours tout de même). Le service en question s’appelle Wigitize.com et est parfaitement fonctionnel. Il permet tout simplement de créer un widget affichant les derniers updates d’un flux RSS pour les inclure dans votre blog.

Wigitize, le site

L’article part de l’idée initiale de l’auteur, puis décompose en tâches chronométrées les différentes étapes du projet:

  • créer les éléments de design,
  • mettre en place un gestionnaire de projets,
  • développer l’application sous RubyOnRails,
  • créer les styles CSS pour le code HTML,
  • ajouter un peu d’AJAX pour le fun sur certains éléments,
  • designer et développer le pied de page du service,
  • rendre le widget “embeddable” afin de pouvoir l’inclure dans un blog,
  • faire en sorte que tout ça tourne en tache de fond,
  • développer une API,
  • acheter un domaine,
  • configurer le serveur d’hébergement du service,
  • petits ajustements par-çi par-là pour rendre le tout plus convivial,
  • et un peu de SEO pour terminer.

Bon, on voit bien que le type n’en est pas à son coup d’essai. Il a une certaine expérience qui lui permet d’aller beaucoup plus vite que le commun des mortels dans les nombreux domaines nécessaires à la réalisation de ce projet, mais ça n’en reste pas moins très captivant et pratique pour qui souhaiterait se lancer dans l’aventure. A vous de jouer !

Des polices de caractères gratuites par milliers sur UrbanFonts

Catégorie tools  |  Tag , , , , ,   |  1 Commentaire

Si vous avez déjà cherché pendant des heures LA police de caractères qu’il vous faut (pour le design de votre site web, ou pour un document quel qu’il soit) sur les dizaines centaines de sites proposant des fonts libres, vous savez à quel point c’est vite saoulant. Ces derniers sont souvent lourds en pub, longs à charger, mal organisés et donc souvent inefficaces.

UrbanFontsC’est pourquoi je vous invite à jeter un coup d’oeil à UrbanFonts, qui me semble être de très bonne qualité sur tous ces points: le site est simple (à la sauce web2.0), rapide, bien présenté. Tout est fait pour faciliter votre recherche et votre choix. Ainsi, les polices sont classées par catégorie, un simple survol de l’une d’entre elles affiche un aperçu. Et lorsque vous naviguez dans les pages de polices (par catégorie ou par ordre alphabétique), vous pouvez saisir un texte de pré-visualisation, de même que la couleur du texte et du fond, afin de vérifier directement si votre choix s’approche de ce que vous recherchez.

UrbanFonts, prévisualisation

L’aspect social n’est pas en reste, puisqu’il est possible de noter et de commenter les fonts, ce qui permet d’avoir un Top 100, par exemple. Il ne reste plus, une fois que vous avez trouvé votre bonheur, qu’a downloader d’un simple clic la police voulue au format Windows ou Mac. Bref, tout cela devrait grandement faciliter la tache souvent laborieuse de recherche de polices de caractères sympathiques.

Une nouvelle façon de linker: les Scrollovers

Catégorie tools  |  Tag , , ,   |  Pas de commentaires

Parce que le simple hover sur les liens est “so web1.0”, un petit script permet maintenant de donner un effet de scrolling au survol de vos liens. Très simple à mettre en place, entièrement paramétrable (vitesse et sens de défilement, couleurs, …) et compatible IE5.5 et +, Firefox, Safari et Opera.

Parce qu’un exemple vaut mieux que mille explications, passez votre souris sur le lien ci-dessous:

Je suis un lien Scrollover

Alors, sympa, non ? Bon, évidemment ça ne sert à rien, c’est juste esthétique. Mais, comme tout ce qui est inutile se révèle vite indispensable, je vous invite à consulter le site Scrollovers.com pour voir comment mettre ce petit script en oeuvre.

[Evidemment, pour les lecteurs via flux RSS, il faudra vous rendre sur le blog pour voir l’effet en action]

Google Reader en mode offline

Catégorie tools  |  Tag , , ,   |  2 Commentaires

Grande nouvelle pour tous les accrocs aux flux RSS utilisant Google Reader, la sortie d’un petit plugin “made in Google”, Google Gears, permettant de récuperer vos flux RSS pour les consulter en mode offline.


Concretement, une fois le plugin installé, vous avez un petit bouton supplémentaire en haut de votre Google Reader, sur lequel il faut cliquer pour passer en offline. Les articles sont alors téléchargés et stocké localement. Vous pouvez alors aller vous promener au milieu de nulle part, loin de toute civilisation, et de toute connexion Internet, tout en consultant vos blogs préférés. A votre retour, un nouveau click sur le bouton pour re-synchroniser tout ça, et vous voilà de nouveau online. Un jeu d’enfant, je l’ai testé pour vous avec succès !

Bref, LE truc qui fait définitivement de Google Reader, le lecteur de fils RSS le plus pratique, à mon avis. Reste plus qu’a implémenter ce système sur Gmail et Google Calendar, et je suis le plus heureux des hommes.

Créez des boutons à la mode web2.0 facilement

Catégorie web  |  Tag , ,   |  3 Commentaires

Rejoignant RoundedCornr dont j’avais parlé ici, le site My cool button permet quant à lui de générer très facilement des jolis boutons au style web2.0. En seulement 4 étapes (définir une largeur, une couleur, une éventuelle icône et un texte), vous obtenez un beau bouton à afficher sur votre blog/site pour lui donner un style “à la mode”. Allez, hop, application immédiate sur looGeek, avec un nouveau bouton pour l’abonnement au fil RSS. Ci-dessous, quelques exemples des possibilités.

Les news Google du moment…

Catégorie web  |  Tag , , , ,   |  Pas de commentaires

Première nouveauté sur Gmail, avec la possibilité d’attacher jusqu’à 20Mo par mail, au lieu des 10Mo précédemment. Bon, évidemment, la plupart des FAI ne permettent pas de recevoir des mails de cette taille, donc il conviendra de n’envoyer ce type de mails qu’à des boites Gmail ou autres Yahoo Mail +, etc… (ah, parce que vous utilisez encore la mailbox de votre FAI, vous ?). Enfin, couplée à l’excellente extension Firefox dragdropupload, qui permet d’attacher des fichiers sous Gmail par simple “glisser-déposer”, ça devient très très confortable.

Deuxième nouveauté sur Google Translate, qui propose maintenant de traduire votre recherche dans une langue souhaitée, de rechercher pour vous les sites qui correspondent et de les retranscrire dans votre langue maternelle. Exemple, vous cherchez le terme “informatique” sur les sites en langue allemande, donc Google le traduit en “informatik” (ok, pas dur!), effectue la recherche et vous propose 2 colonnes de résultats: à droite, les sites originaux en langue allemande, et à gauche leur traduction en langue française. Plutôt efficace!


Enfin, la sortie de Google Agenda/Calendar, version mobile, accessible aux téléphones supportant le xhtml, les cookies et SSL. Couplée aux notifications par SMS, cette fonction se révèle bien pratique pour ne plus manquer aucun RdV.

MusicMesh, un autre pandora-like

Catégorie music, video  |  Tag   |  Pas de commentaires

Après la fermeture aux non-résidents US de Pandora, voici un autre service de découverte de musique par affinité, après Musicovery dont j’avais parlé ici.


MusicMesh vous propose de rechercher un artiste/groupe ou de le sélectionner parmi un nuage de tags et vous affiche un album correspondant, ainsi que 6 autres albums plus ou moins proches (même artiste ou même son). Chose surprenante, MusicMesh se base sur les vidéos disponibles sur YouTube pour vous jouer les titres de l’album sélectionné. Vous aurez généralement le droit aux clips diffusés sur les différentes chaines de TV, mais tomberez parfois sur des vidéos étranges comme un type qui joue de la gratte sur un morceau de Radiohead… Il est toutefois possible de passer à une autre vidéo du même morceau très simplement.

Parmi les petits trucs en plus, les critiques de l’album, la page Wikipedia de l’artiste ou du groupe, un lien vers Amazon pour acheter l’album et la possibilité de marquer vos vidéos préférées. Seul inconvénient majeur selon moi (au delà du fait que ce service est, par défaut, illégal), les titres ne s’enchainent pas tout seuls. Il faut systématiquement cliquer sur le morceau que l’on souhaite écouter. Pas très pratique. Bref, malgré l’esthétique soignée, l’ergonomie pourrait être largement améliorée. Mais gageons que le service, s’il ne ferme pas rapidement, ne manquera pas de devenir plus efficace avec le temps.