Archive pour le thème 'HTML et CSS'

Quand vous avez un site web, il devient plutôt courant de voir certaines personnes trouver si facile d’utiliser vos images qu’ils ne prennent même plus la peine de les copier. Dans ce cas, ils ne volent pas seulement votre travail artistique ou graphique, ils détournent la bande passante de votre serveur (pour laquelle vous payez par ailleurs).

Finalement, il y a une solution. Vous pouvez modifier légèrement votre site web pour vous assurer que si cela arrive, l’image servie n’est pas l’image originale mais une autre (soit un gros X rouge, soit un message pour le visiteur du site voleur). C’est un peu dur à faire à la main, mais un outil sur le web que j’ai trouvé facilite beaucoup le travail : HTMLbasix - Htaccess Disable Hotlinking Code Generator.

Certaines personnes m’ont dit : “Tu blogue ! Ca doit te prendre un temps fou, tous les jours”.

Ne vous inquiétez pas, vous voyez un article tous les jours sur Roumazeilles.net, mais cela ne veut pas du tout dire que je m’installe devant le clavier de mon ordinateur tous les jours. Loin de là ! Je m’en sors avec une fonctionnalité très avantageuse de WordPress (le package logiciel que j’utilise pour supporter mon site web). J’écris quand je veux et je programme la publication automatique pour une date future.

Ainsi, mon inspiration est infiniment moins contrainte. Par exemple, en ce moment, j’ai programmé une publication hebdomadaire à propos des illusions d’optique pour les 6 mois à venir, une pleine semaine d’articles quotidiens sur les félins (la semaine prochaine), une semaine entière de vidéos quotidiennes intitulée “quand les XXXXX s’amusent” pour dans deux mois.

Le bon vieux test Acid3 est un test simple, court et difficile pour évaluer la compatibilté des navigateurs Internet avec les standard du web. Bien peu d’entre eux sont capables d’afficher simplement quelque chose qui ressemble au résultat attendu. Mais les choses changent vite ces derniers temps avec ces quelques nouvelles récentes:

• Le 26 mars, Opera s’est présenté comme le tout premier navigateur à atteindre un score de 100/100 ou 100%.
• Safari 3.1 qui est la première version non-beta du navigateur d’Apple maintenant présent sous Windows a atteint le score de 100% seulement quelques jours après Opera.
• Internet Explorer 8 qui est encore en beta pour un public restreint a été annoncé successivement comme 100% compatible, puis non, puis à nouveau. Tout indique que Microsoft a le code nécessaire mais hésite à mettre son navigateur dans cette configuration idéale.

Référence : la page du test Acid3.

Je viens de découvrir (je ne suis pas très attentif, vous direz) une petite fonctionnalité assez surprenante dans le navigateur Opera (à partir de la version 9) : l’interface vocale. C’est fascinant, Opera accepte des commandes vocales et peut lire le contenu d’une page web.

Il faut installer un petit module (qui est directement téléchargeable et accessible depuis un bouton de la barre d’icônes d’Opera) pour avoir accès à ces fonctionnalités. Après quelques secondes ou minutes, l’internaute a la possibilité d’utiliser son navigateur en appuyant sur une touche pour déclencher l’écoute. C’est simple : touche Insert, Baby open page, touche Insert, et une nouvelle page s’ouvre. Il faut prendre un accés américain (même approximatif), mais cela marche pas mal du tout (même avec la radio en bruit de fond).

A l’opposé, on peut demander Baby read pour écouter Opera lire (en anglais) les premières lignes de la page ou le paragraphe préalablement sélectionné.

Nota bene : j’ai indiqué que je souhaitais précéder mes commandes de Baby (bébé en anglais) plutôt que Opera ; je trouve ça plus mignon.

Fonctionnalité à découvrir dans un navigateur de grande classe. Et gratuit, bien sûr.

Le design d’un site web est notoirement opposé à l’utilisation de polices de caractère riches et variées : tout vous invite à vous limiter à la petite liste des polices communes. Malheureusement, cela ne fait pas toujours l’affaire. Si vous avez déjà commencé à explorer les alternatives comme texte-dans-les-images-GIF, vous feriez bien de lire cet article de hackzine : HOWTO - Use rich fonts in your web design.

Vous avez un site web, vous voulez voir son trafic croître (il paraît que c’est même un des problèmes principaux des créateurs de sites web : ils surveillent de trop près la moindre variation du trafic). Je vous propose donc une liste effarante de moyens pour satisfaire vos envies statistiques les plus perverses.

Ce n’est pas très compliqué, nombre de sites même payants veulent à tout prix être indexés par Google. Pour cela, ils reconnaissent le spider de Google et lui donnent un accés privilégié. Pourquoi ne pas vous-même vous faire passer pour le moteur de recherche le plus connu au monde ? Il suffit -pour l’essentiel- de modifier l’identificateur de votre navigateur. Par contre, ce n’est pas garanti fonctionner partout.

Vu sur uneasysilence.com.

Les plus attentifs des lecteurs l’auront remarqué, il y a eu aujourd’hui un changement mineur à la présentation du site web. Cela dervait améliorer légèrement la performance et permettra des évolutions futures que vous apprécierez certainement.

Si vous aviez des difficultés techniques avec votre navigateur (cela ne devrait pas être le cas, bien sûr, si vous utilisez un navigateur qui a moins de 5 ans), merci de laisser un commentaires à ce sujet.

Pour les plus accros de la technologie web, je peux simplement dire que sans notablement modifier l’apparence du site, j’ai converti l’ancienne présentation à base de tables HTML en un modèle complètement appuyé sur une feuille CSS et cela explique la plus grande part du gain de performance attendu.

Pour tous les visiteurs qui veulent rester continuellement informé de l’actualité sur ntore site, sans même faire l’effort de venir nous rendre visite, il y a deux options qui peuvent vous intéresser :

1. Utiliser le fil RSS de ce site web. Vous devez avoir un lecteur de fil RSS (vous en trouverez un dans les versions récentes de Safari, FireFox, Opera et Internet Explorer ; Plusieurs programmes spécialisés et autonomes existent aussi ; BlogLines, Google, AOL et d’autres offrent de tels services -Voir la liste des Ajouter à dans la colonne de gauche). Il a l’avantage d’une interface standardisée reconnaissable par le logo : Vous pouvez même rester en contact avec plusieurs sites simultanément.
2. Si vous préférez recevoir un message de courrier électronique chaque fois qu’un nouvel article est posté sur le site, vous pouvez aussi vous tourner vers RSSFWD. Il lit le fil RSS et vous envoit un courrier d’information sur mesure. Simplement, rendez-vous sur http://www.rssfwd.com/ et donnez l’addresse suivante (feed URL) : http://www.roumazeilles.net/news/fr/wordpress/feed/, le service fonctionnera dans les secondes qui suivront.

Tant que je suis sur le sujet des fils RSS, je me permet de vous conseiller un lien vers un site très intéressant (Mashable) qui comporte une boite à outils RSS. Il renseigne sur 120+ ressources (lecteurs et utilitaires) utiles pour les amateurs de RSS.

Il est notoirement connu que le cerveau humain a des capacités de reconnaissance des formes qui sont bien plus développées que ce que sait faire un programme d’ordinateur. Cela explique pourquoi les taux d’échec des programmes d’OCR (Optical Character Recognition) sont aussi élevés que 1% (ou parfois 2%) d’erreur, soit un niveau qui impose de fournir une relecture humaine derrière la plupart des scans de documents. Mais quand le document est ancien, de mauvaise qualité d’impression, dégradé, les taux d’erreur peuvent être encore plus élevés et posent des problèmes considérables quand il s’agit de scanner des milliers de documents comme le font certaines bibliothèques et institutions culturelles.

Par ailleurs, le problème du SPAM sur Internet est considérable : des programmes essayent à tout prix de se faire passer pour des êtres humains afin d’insérer de la publicité partout où un utilisateur peut écrire (dans les messages d’un forum, dans les commentaires d’un blog, etc.) Depuis quelques temps, il est devenu courant qu’un être humain doivent s’identifier comme humain par sa capacité à reconnaître un mot plus ou moins bien écrit/dessiné. Théoriquement, c’est un test de Turing efficace qui permet de différencier un humain d’une machine. En pratique, les compétences d’un programme automatique sont tout de même devenues telles que le SPAM ré-apparaît doucement dans les environnements même protégés par ce qu’on appelle les CAPTCHA (ces images qu’il s’agit de lire et de recopier pour pouvoir être autorisé à une action).

Le problème est ainsi posé : créer des CAPTCHA vraiment très difficiles à reconnaître par programme et, simultanment, utiliser des êtres humains pour scanner des documents très difficiles à lire par les programmes.

La solution : reCAPTCHA.

Il s’agit de fournir un service de type CAPTCHA à des milliers de blogueurs et de gestionnaires de forum (WordPress, phpBB, etc.) Les utilisateurs sont invités à reconnaître deux mots particulièrement difficiles à reconnaître visuellement (les programmes d’OCR professionnel y ont échoué lors de scan tentés par Carnegie Mellon University). L’utilisateur doit les reconnaître tous les deux. L’un sert à vérifier si c’est bien un utilisateur humain, l’autre à donner la traduction OCR qui enrichira la base de CAPTCHA pour le futur et qui améliorera le scan d’un document en cours de traitement par Carnegie Mellon. C’est le double effet K… : lutte contre les spammeurs et mise à disposition de millions d’être humains pour améliorer le scan de milliers de documents anciens (sans même recourir à l’esclavage de masse).

Example de scan difficile à reconnaître :

Une particularité des logiciels professionnels d’OCR est qu’ils sont presque toujours capables de signaler quand leur reconnaissance est impossible ou de très mauvaise qualité (grande incertitude).

C’est une curiosité mais qui rendra peut-être service à certains développeurs, dans un article intitulé “Really undoing HTML and CSS“, Eric Meyer propose un fichier CSS qui permet de déconstruire les valeurs par défaut imposées par l’interprétation par défaut d’un certain nombre d’éléments HTML.

De fait, quelques explications supplémentaires seront sans doute les bienvenues provenant d’un autre article de Richard Rutter : “Resetting default padding and margin“.

Considérations complémentaires, toujours par Eric Meyer, sur le même sujet :

• Reworked reset
• Reset reasoning

Pour spécialistes HTML et CSS.

Quand, comme moi, on souhaite inclure des morceaux de code dans un article WordPress, cela devient vite une sérieuse galère. En fait WP n’a pas vraiment prévu ce cas et il se pose une quantité de problèmes plus ou moins graves. Ceux que j’ai rencontrés jusqu’ici :

• Les <?php disparaissent (sauf acrobaties manuelles)
• Un certain nombre de caractères ne s’affichent pas (ou mal)
• La présentation est assez pitoyable quand on utilise que <code>

J’ai donc recherché un plug-in (presque tout dans WordPress se fait par l’ajout de ces merveilleux petits bouts de logiciel qui peuvent se rajouter facilement à la configuration de base) qui soit adapté à cette tâche, facile à installer (et je ne tiens pas à faire une maintenance intensive pour cette fonctionnalité), facile à utiliser.

Voici donc un résumé de ceux que j’ai regardé et de mon opinion les concernant.
(more…)