Bons tuyaux

4 annuaires dans lesquels j’ai inscrit css 4 design

Les annuaires de liens existent depuis presque aussi longtemps que le web lui-même. Yahoo! a commencé comme ça et avant l’arrivée des moteurs de recherche les annuaires ont constitué un outil très efficace qui ont permis aux visiteurs de trouver du contenu en fonction de leurs centres d’intérêts. Aujourd’hui, les annuaires de lien existent toujours mais leur public a changé : c’est aux moteurs de recherche qu’ils s’adressent maintenant et in fine aux éditeurs de sites web qui trouvent là un moyen infaillible d’obtenir un lien vers leur site. Voici les quatres annuaires de liens dans lesquels j’ai inscrits css 4 design, mon blog sur l’intégration HTML, CSS et jQuery 😉 →

Applications autonomes

DLink — Afficher le type de cible des liens avec Javascript

DLink est un script qui affiche une icône significative à côté des liens présents dans votre site : liens internes, externes, vers un sous-domaine, une ancre ou un lien vers une adresse email. L’idée est d’améliorer l’apparence des liens tout en ajoutant une information sur la destination du lien. →

Bons tuyaux

PDFQueen — Trouvez des informations au format PDF

PDFQueen est un moteur de recherche qui utilise la recherche Google pour fournir des résultats parmi les fichiers PDF. Pratique et rapide, PDFQueen propose les dernières recherches effectuées par l’ensemble des utilisateurs et par pays. Les résultats sont légèrement différents de ceux que l’on peut trouver en utilisant la recherche avancée de Google ou avec la commande MaRequête filetype:pdf.

HTML & CSS

HTML5 — Pas de balise aside dans un hgroup ?

Après Une orientation encore trop « littéraire » et pas assez « web » je m’interroge aujourd’hui sur un autre aspect des spécifications HTML5 :  cette tendance à dire aux éditeurs de contenus comment il doivent écrire ou mettre en forme leurs documents. Aujourd’hui, j’ai eu la surprise de voir une page rejetée par le validateur au motif qu’un Element aside not allowed as child of element hgroup in this context. Autrement dit, un élément aside n’est pas autorisé à être enfant d’un élément hgroup. C’est agaçant parce que je trouvais que mon marquage en avait sous la santiag : →

Applications autonomes

Splash — un diaporama en pur Javascript

Splash est un script permettant d’afficher une image par-dessus le contenu dans le sillage de Lightbox (devenu en quelques années une marque générique comme Frigidaire) sans être obligé d’installer jQuery ou Prototype, ce qui est assez rare pour être signalé. Xuxu voulait une lightbox à son goût, simple, bien codée et rapide, alors il a associé le talent à l’envie, et Splash ! →

HTML & CSS

Des bulles de dialogue en CSS3 sans image

Les bulles de dialogue sont un symbole largement répandu sur le web, popularisé par le web 2.0 et le User Generated Content : principalement les commentaires sur les blogs (et encore, car la tendance est à la baisse… La faute à Twitter). Le tutoriel proposé par Nicolas Gallagher présente plusieurs modèles de bulles de dialogue créées en CSS 2.1 (propriétés `:before` et `:after`) progressivement améliorées avec CSS 3 : dégradés, coins arrondis, etc. Et oui, pas d’image ni de Javascript pour un effet littéralement bluffant. →

Bons tuyaux

Twoolr est-il ? Statistiques sur votre utilisation de Twitter

Ca peut paraitre bizarre, mais il semble que l’on soit toujours mal placé pour juger de ses propres pratiques. C’est en tout cas la réflexion qui m’est venu à l’esprit en testant Twoolr proposé par Antoine Guiral. Ce site permet d’obtenir des statistiques sur votre utilisation de Twitter. Une fois que vous avez autorisé l’application Twoolr à accéder à votre compte Twitter de manière sécurisée (via oAuth) vous accédez aux informations suivantes : →

Design & Graphisme

15 « Photoshop-like » en ligne testés et commentés

Photoshop est encore un logiciel incontournable pour l’édition d’image. Mais il est parfois agaçant de sacrifier sa mémoire vive pour effectuer des modifications triviales sur des images (redimensionnement, recadrage, corrections chromatiques, ajouter du texte) ou faire des opérations plus complexes (détourage, remplacement de fond, etc). A côté des économies de RAM, il peut être utile de proposer à ses clients une application en ligne pour modifier les images avant publication ; si WordPress propose des outils pour recadrer, pivoter ou redimensionner les visuels depuis la version 2.9, on est encore loin de faire ce qu’on veut avec ses cheveux ! C’est pourquoi, je vous ai concocté une liste composée d’une bonne dizaine d’outils passés au crible avec un résumé, les «plus», les «moins» et un «verdict» pour que vous fassiez le bon choix. →