Le Hollandais Volant

Nouvelles de oText (built 2021-05)

Capture d’écran de oText.

Présentation

oText, c’est le programme « maison » que j’utilise pour publier des articles sur ce blog.

Depuis longtemps, il s’agit d’un peu plus qu’un simple moteur de blog, puisqu’il me permet également de partager mes liens « au fil du web », d’envoyer des fichiers sur mon serveur, de suivre mes flux RSS, d’avoir un moyen de prise de notes (façon Google Keep), de gérer un agenda, et plus…

… le tout sous une même interface de gestion, ce qui était le but visé depuis le début.

Ça ressemble un peu à NextCloud, dit comme ça, mais NextCloud est beaucoup plus complet, avec application mobile, gestion Caldav, CardDav, sondages, formulaires, modules…

Mon outil, en contrepartie du nombre restreint de fonctions, est plus léger (seulement 1,3 Mo, contre 375 Mo pour NextCloud). Il suffit néanmoins si vous voulez simplement un petit script web dans le navigateur. Et c’est mon cas.

Ça fait longtemps que je n’en ai pas parlé ici, mais je considère que cette version est relativement aboutie.
Les principales nouveautés concernent un thème admin peaufiné avec un choix clair ou sombre (on peut forcer l’un ou l’autre, ou alors laisser le navigateur choisir en fonction des préférences du système). Le thème public — refait lui aussi — s’adapte par défaut aux paramètres du navigateur de l’internaute.

Comme toujours, l’accent est mis à la fois sur l’UX/UI en material-design, et respect des standards du Web et la légèreté (l’interface en JS reste très rapide), et sur la présence des options les plus utiles sans tout le superflu présent sur d’autres programmes du genre.

Astuce : vu le poids du script (1 Mo), vous pouvez l’installer et l’utiliser comme un lecteur RSS seul, ou pour l’agenda ou les notes seules… bref, en profiter même si vous n’avez pas besoin d’un blog, mais que vous cherchez quelque chose de léger pour une application précise.

Téléchargement

Fichier 7z : otext.7z

Taille : 408 968 octets
Sha1 : 086971ab48a0c5b401778752140c314e75b8e98a

Installation

  1. dézippez le fichier dans un dossier « ./blog »
  2. envoyez ce dossier sur votre serveur
  3. rendez-vous dans le dossier ./blog sur votre site
  4. suivez les quelques étapes d’installation (création d’un pseudo, d’un mot de passe, etc.)

Captures d’écran

Voir sur le folio.
La capture d’en-tête donne déjà une idée.

Dépendances

Côté serveur :

  • PHP 5.7+
  • minimum 1.5 Mb d’espace disque (plus de données = plus d’espace disque requis)

Modules PHP :

  • pdo
  • pdo-sqlite
  • php-curl
  • php-gd
  • php-xml
  • php-zip
  • php-mbstring

(PDO : pour la base de données ; cURL : pour les flux RSS et pour récupérer les titres des liens ; GD : pour le traitement des images uploadées ; XML : pour le parsage des flux RSS ; ZIP : pour la fonction d’export de les données dans une archive ; MBString : pour un support Unicode étendu)

Côté client :

  • un navigateur récent (testé avec succès sous Firefox et Vivaldi, desktop et mobile).
  • JavaScript (local) doit être activé (il n’y a aucune dépendance tierce)
  • Les cookies doivent être autorisés (uniquement des cookies fonctionnels).

Défauts et fonctions absentes

  • Je n’ai pas spécifiquement fait attention à l’accessibilité (navigation au clavier, etc.), même si ça ne doit dans l’ensemble pas être pire qu’ailleurs.
  • Pas de markdown dans l’éditeur de texte (ça reste du BBCode, ou bien du HTML pour les articles).
  • MySQL n’est plus supporté.

Des bugs ? Des suggestions ?

Non.

J’ai codé tout ça avant tout pour moi et je le mets en ligne à qui le veut, tel quel, dans l’espoir qu’il puisse être jugé utile à d’autres.

Considérez que ce script a simplement le mérite d’exister et d’être à disposition. Il n’y a pas de support ni de maintenance publique du script. Je n’ai pas le temps (ni l’envie) pour gérer le projet ou de façon plus active.

Si vous voulez une fonction spécifique, je vous conseille de la coder vous-même ou de trouver quelqu’un d’autre que moi pour le faire.

Soutien ?

Si c’est ce que vous voulez, y a un bouton Paypal en bas de cette page.

Autre chose ?

Non.

Bonne 2020ème révolution circum-solaire de l’ère commune !

Le Soleil dans le ciel.
Ça fait longtemps que je ne m’étais pas adonné à un « joyeux-whatever » sur ce site, mais il semble que ça ait manqué, donc me voici (c’est pour toi Enky !) :)

Donc après avoir passé un Newtonmas et avoir festoyé pour célébrer la fin des jours courts et la promesse astronomique des jours plus longs, j’espère que tout le monde a bien remis ça pour célébrer cette fois une date que l’on a arbitrairement posée là pour marquer le début d’une révolution de notre petite planète tellurique autour de notre petite étoile de type naine jaune.

Il semble que ce soit la deux mille vingtième célébration de ce genre depuis le début de ce qu’on appelle l’ère-commune.

D’ici quelques jours, bien-que personne ne fête ça (bizarrement), on pourrait recommencer ça une troisième fois car ça sera le début d’une nouvelle année anomalistique : la période séparant deux passages de la Terre par le périhélie. Le périhélie, c’est le point de l’orbite qui est au plus proche du Soleil et il tombe généralement dans les premiers jours du calendrier civil, en l’occurrence, cette année, ce sera le 5 janvier à 08h du matin (si vous avez des gosses qui vous réveillent en fanfare tous les matins du dernier jour de vos vacances de Newtonmas, ben c’est probablement pas ça qu’ils fêtent, mais au moins cette fois ils auront une bonne raison de le faire.

Ceci étant dit, j’espère que durant cette prochaine révolution de notre Terre, vous vivrez bien et en bonne santé et que vous pourrez faire ce que vous vouliez déjà faire l’an dernier avant d’être pris d’une crise de flemite tellement aiguë qu’elle ferait péter un verre en cristal rempli de jus de pomme qui pique.


En ce qui me concerne, et ce qui concerne mon (mes) sites, je ne promets pas de publier davantage, mais je vais essayer de reprendre un peu l’écriture ici.

L’an dernier, et l’année d’avant ont été un peu dures pour moi sur un plan personnel, mais j’espère avoir remis un peu d’équilibre dans les forces agissant dessus pour en diminuer l’entropie, me laissant ainsi du temps et de l’énergie pour faire ce que je veux faire moi-même ici.

Je remercie énormément ceux qui m’ont continuellement envoyé des messages, des e-mails (que je lis tous, même si je tarde parfois à répondre), voire des cadeaux (récemment un jeu Game-Boy Color que je recherchais depuis longtemps !), de la thune sur Tipeee, ou m’ont rendu service d’une façon ou d’une autre, en ligne ou hors-ligne.

L’an dernier, ce site a atteint ses 10 ans révolus. J’espère bien pouvoir continuer tout ça pour les 10 ans qui viennent, avec vous : je sais que certains d’entre vous me lisent depuis le début, et je trouve ça incroyable.

Juste quelques chiffres désormais : ce site seul (lehollandaisvolant.net) a enregistré 159 millions de pages vues depuis le début (environ 20 millions en 2019), pour plus d’un million de visiteurs uniques sur l’année. Et le mieux, c’est que mon blog scientifique (couleur-science.eu), est désormais depuis quelques temps déjà le plus visité. Le tout, sans publicité intrusive ni scripts tiers qui siphonnent vos données pour les revendre (pour le dire autrement : si j’avais eu juste un centime à chaque visite, j’aurais pu m’acheter une Tesla Roadster 2020 :p).


Pour conclure, ben, profitez de la vie, même si c’est parfois dur.
On est là, alors autant faire ce qu’on peut pour bien le vivre et faire en sorte que les autres y arrivent aussi.

À bientôt !

image de Chris Barbalis

1000 articles

Juste un petit mot pour dire que ce blog totalise avec celui-ci 1000 articles. C’est énorme.

Le site vient également de passer le cap des 7 années d’activités (soit un article tous les 2,6 jours en moyenne), et ça aussi c’est énorme. Pour moi, mais aussi en soi, sur le web : je ne compte plus le nombre de blogs naître, mourir ou être laissé à l’abandon entre temps…

1000 articles c’est aussi 15 690 commentaires, dont la très vaste majorité constructifs, dans un français correct et apportant un gros plus aux articles et au site tout entier. Merci beaucoup pour ça.

Si vous me suivez sur le blog, sachez que ce site regroupe également des dizaines de pages « tutoriels » (dont certaines sont cachées :P) ; une trentaine d’outils gratuits en ligne ; et aussi une section de 15 186 liens partagés au fil du web assortis de mes commentaires.

L’ensemble, depuis le début, totalise plus de 75 000 000 de pages vues, ce qui est là également beaucoup plus que ce que j’aurais jamais pu imaginer en mettant le site en ligne le tout premier jour.
Pour un blog personnel où un internaute lambda ne fait que réagir à l’actu et partager quelques astuces, je trouve ça considérable également, mais je ne saurais dire pourquoi ou comment c’est arrivé ni ce que ça me fait : c’est gratifiant, touchant, effrayant… tout ça à la fois.

En ce qui concerne l’avenir, je ne compte pas changer mes habitudes : je continuerai à poster des choses, de façon irrégulière et au gré de mon humeur, donnant mon avis, qu’il plaise ou non, sur l’actualité et le monde.

Je ne sais pas trop quoi dire de plus, donc je m’en tiendrai à ça.
Quoi qu’il en soit, encore une fois, merci à vous tous :D

Science Abuse

Mise à jour Février 2016 : le blog Science-Abuse ne sera pas continué. Les articles restent en ligne ici

Tiens, et je n’avais pas fait d’annonce directe sur ce blog, à propos de Science-Abuse, mon dernier site : science-abuse.net

Le site traite de toute la science dans les films et les jeux vidéos, en particulier des ratés et des imprécisions scientifiques.

Je prévois de traiter environ un film/jeu complet chaque mois, et quelques articles à propos d’un détail particulier entre deux analyses de films.

Les films analysés jusqu’à présent sont :

Gravity (2013)
Ironman (2008)
Interstellar (2014)

Le prochain film complet à être analysé sera Avatar.

Et dans les autres articles plus rapides je parle des Simpsons, de Pokémon, de Half-Life (le jeu), d’Anges et Démons, de la Soupe aux Choux, de Matrix et de Thor et son marteau.

Je prévois aussi de traduire Science-Abuse en anglais, au moins pour les analyses des films complets.

Https sur mes sites

Je vous annonce que mon site est désormais accessible en HTTPS.

Le lien est là, tout simplement : https://lehollandaisvolant.net/


Attention : notez que vous aurez une alerte de la part du navigateur ! Firefox affichera ça par exemple :

firefox https alert
Ce n’est pas grave et c’est « normal ».

Le HTTPS a deux utilités distinctes :

  • chiffrer les informations qui passent entre votre navigateur et le site web ;
  • faire en sorte que le site visité est bien le site que vous voulez visiter.

La première, c’est simple : les données seront chiffrées en affichant la page : quelqu’un qui écoute vos transmissions réseau ne verra pas le contenu des pages (donc pas non plus d’éventuels mots de passe). Ceci est le but recherché ici.
La seconde permet quand vous affichez un site, par exemple celui de votre banque, de certifier que vous êtes bien sur le site de votre banque et non sur un site piraté qui essayes de se faire passer pour votre banque.

Cette seconde utilité du HTTPS est plus compliquée à mettre en place : il faut qu’une autorité de certification signe le certificat HTTPS de mon site. Ceci est souvent payant. Comme beaucoup, je laisse donc ça de côté et c’est ce qui provoque l’affichage de l’erreur (je l’ai signé moi-même, d’où l’erreur du « certificat auto-signé »).

Pour dire à votre navigateur que c’est OK et qu’il vous laisse visiter mon site en HTTPS, cliquez sur « je comprends les risques » puis « ajouter une exception » :

firefox erreur https
Enfin, sur la fenêtre qui s’affiche, vérifiez que la case « conserver cette exception de façon permanente » est cochée puis cliquez sur « confirmer l’exception de sécurité ».

Ceci n’est à faire qu’une seule fois, après vous pourrez surfer de façon normale sur mon site, en HTTPS.
La version HTTP normale du site sera toujours accessible.

Mes autres sites utilisent le même certificat, sont donc également accessibles en HTTPS, mais afficheront également la même erreur. Il faudra donc confirmer là aussi l’exception de sécurité.

(Notez que vos lecteurs RSS et les autres logiciels ou applications qui accèdent à mes sites peuvent ne pas reconnaître les erreurs HTTPS : si ça pose problème, restez en HTTP ou corrigez l’erreur de votre côté.)

Pour redonner un peu de stabilité dans la force…

Je clos toutes les parenthèses qui ont été ouvertes sur l’Internet, sans jamais avoir été fermées :

))))))))))))))))) )))))) )))))))))))))))))))))))))))))))))))))) ))))))))))))) )))))))))))))) ))))))))))))))))) )))) ) )))))))))))))))))))))))))))))))))))))) )))))))))) ))))))))))) ))))))))))) )))))))))))))))) ))))))))))))) ) ))))) ))))))))))))))))))))))))))) )))))))))))))))) ))))))))))))))))))) )))))))))))))))))))))))) ))))))))))))))))))) ))))))))))))))) ))))))))))) ))))))))))))))) )))))))))))))))))))))))))))) )))))))))))))))) ))))))))))))))))))) ))))))))))))))))))))))))))))))))))))) )))))))))))))))))))))))) )))))))))))))))))))))))))))))))) ) ) )))))))))))))))))))))))))))))))))))) )))))))))))))))))))))))) ))) )) ) )))))))))))))))))))))))))))))) )))))))))))))) )))))) )))))))) )))))))))))))) ))))))))))))))))).

Voilà.

De rien.

La Quadrature du Net

quadrature du net logo À l’heure où se mettent en place des lois destinées à l’attaques contre la liberté d’information (demandes de censure, loi sur le droit à l’oublie qui tombe à pic pour tous les scandales au gouvernement ou de la lutte contre le terrorisme…), d’attaque contre la liberté d’expression (blocage policier de sites, sans jugement), et d’attaques contre le partage (criminalisation du P2P, appropriation par le les Majors du Copyreich des œuvres du domaine publiques…), d’attaques contre la neutralité du net (offres fragmentées, blocage des protocoles…), à l’heure de la surveillance de masse impliquant que n’importe quel clic sera retenu contre vous, à l’heure où les industriels (du copyreich, SOPA, PIPA, ACTA, etc.) ont de plus en plus de pouvoir, à l’heure ou la vie privée est un crime

À l’heure de tout ça — car non, ce ne pas des idées, mais bien le réel — il faut aux citoyens, à nous, un moyen d’information, de défense et de résistance. Il nous faut un porte-parole reconnu et pesant.

Ce rôle, l’association La Quadrature du Net la remplit depuis 2008. La Quadrature se bat pour nous afin de maintenir ouvert et accessible le web et l’internet. Ils se battent pour que l’Internet soit protégée par la justice et non le terrain de jeu de la dictature.

L’Internet profite à tous : que ce soient les internautes, les professionnels, les services publics, les particuliers, les commerçants, scientifiques, étudiants. Ceci n’a été possible que par sont ouverture, sa gratuité et son accessibilité rendue à tous. La Quadrature se bat pour garder ça comme ça et empêcher les gouvernements d’en faire leur outil d’oppression et de surveillance.

Si les associations comme la Quadrature du Net n’avaient pas été là, où étaient emmenés à disparaître, c’est cet Internet bénéfique et gratuit à tous qui disparaîtrait, remplacé par quelque chose de payant (donc uniquement accessible aux riches) et peu attractif (édulcoré, limité, censuré, surveillé…).

Et bien, sachez qu’on a failli perdre la Quadrature il y a à peine quelques semaines : l’association avait en effet les finances au plus bas et sa pérennité pour cette nouvelle année en était compromise. Ce n’est qu’après un message franc d’appel à l’aide que les internautes se sont grandement mobilisés et ont pu la sauver… pour une année.

C’est bien. Très bien… Mais il faut continuer.
Les gouvernements se gavent d’argent public (produite chaque jour par notre travail) et n’ont pas de limites : ils utiliseront tout pour arriver à leur fins. La Quadrature ne s’en remet qu’à vos dons.

À nous tous de voir : est-ce que 10€, une fois dans l’année c’est beaucoup ou c’est raisonnable pour maintenir Internet libre et ouvert à tous ? Si chaque visiteur de leur site donnait 1€ par année, ils auraient assez pour plusieurs années…

Bonne année 2015 !

Je vous souhaite à tous une bonne année 2015 !

qulbutoké
Certaines choses changeront, d’autres non.
Concernant la ligne éditoriale du site, je continuerai à donner mon avis sur les événements qui se produiront cette année et à partager des astuces ou des infos.
Je compte également retenter l’expérience des commentaires, j’en reparlerai prochainement.

En attendant, si vous voulez de la lecture, n’oubliez mon blog scientifique, mes pages tutos, mes liens, et mes centaines d’articles précédents.

Mise à jour de mon e-mail : bye bye MyOpera, bonjour RoundCube !

mail box under the snow Suite à l’annonce de la part de la Team d’Opera d’une fermeture prochaine de MyOpera, et donc du service de webmail que j’utilise, j’ai décidé de changer d’e-mail (oui encore…).

Ma nouvelle adresse est donnée sur ma page de contact.

Merci de ne plus m’envoyer de courrier à l’adresse @myopera.com : j’y répondrais encore, mais après la fermeture de mon compte, ça ne sera plus possible. Autant passer directement à la nouvelle adresse, le plus tôt possible.
N’oubliez pas de mettre à jour votre carnet d’adresses, ainsi que de télécharger (si besoin) ma clé GPG mise à jour avec la nouvelle adresse dedans (voir page de contact).



Bon, voilà pour l’annonce, maintenant parlons de la solution que j’ai retenue pour avoir une adresse e-mail.

Pour moi, GMail, Yahoo, Hotmail et les autres : c’est non. Pas forcément à cause de Prism et consort, mais aussi parce que leur webmails sont devenus des usines à gaz.
GMail marche très bien, mais son interface est immonde, Hotmail est immonde et leur serveux IMAP/SMTP sont en rade 50% du temps (ils doivent tourner sous Windows, c’est pas possible autrement). Yahoo, bof aussi…
Je n’ai rien essayé d’autre.

MyOpera proposait une interface fraîche et utilisable, et c’était la seule que j’ai adoptée rapidement.

Bref, tout ça m’a poussé — enfin — à prendre une adresse personnalisée et hébergée sur mon service d’hébergement.

Mon hébergeur est Webou-Pro : ils proposent un nombre illimité d’adresses e-mail. Je viens de voir qu’ils proposent également une webmail (Roundcube, ainsi que deux autres), avec des filtres, des transferts, et tout ce qui va avec.
La webmail est disponible en SSL, et les transferts IMAP/SMTP également : il faut juste accepter le certificat des serveurs de mon hébergeur y compris dans le client e-mail et si au besoin dans l’OS (le cas d’Android par exemple, avec le client K9-Mail, qui ne retient pas le certificat : méthode là).

Tout y est donc.
C’est la solution que j’ai choisie pour mes e-mails, à l’avenir.

Mes e-mails sont par ailleurs hébergés en Europe avec un nom de domaine hors de contrôle (légal en tout cas) des États-Unis.

Bon, ça a été un peu chiant à mettre en place (je ne connaissais pas du tout RoundCube, ni vraiment les filtres e-mail dans cPanel), mais au final j’ai pu tout régler et ça marche (merci à Mike, la personne chez Webou-Pro, qui a répondu rapidement à toute mes questions).

Ce n’est toujours pas de l’auto-hébergement, mais c’est déjà mieux que d’avoir ses e-mails exploitées commercialement par Google ou par Microsoft.

Si un hébergement complet vous semble encore trop chiant à mettre en place, j’ai découvert que Gandi (régistrar Français) propose une webmail incluse avec tout achat d’un nom de domaine (environ 12€/an, selon le domaine).

Il y a aussi pas mal d’autres services e-mail qui semblent pas mal, ici, , ici

image de Jenny Downing

Ouverture d’un blog dédié à mes articles scientifiques

sunrise-over-science.jpg Comme j’ai indiqué il y a quelques jours dans mes liens, je vous annonce l’ouverture de mon nouveau site, entièrement dédié à mes articles scientifiques (qui ne seront alors plus postés ici).

Le lien : couleur-science.eu

J’ai en effet eu l’envie de faire un nouveau site, parce que le nombre d’articles scientifiques commence à devenir un peu plus important maintenant, et j’ai de plus plein d’idées en tête pour en faire d’autres, et il m’a semblé important de faire deux instances séparées.

Le blog est vide pour le moment, mais ça ne saurait tarder pour qu’il se remplisse :D.

image de zhouxuan12345678

Le thème de mon site

J’ai eu beaucoup de retours sur le dernier thème (trop clair, trop contrasté, trop moche, trop beau, trop pas comme l’ancien…). J’ai modifié pas mal de choses et là j’ai tenté quelque chose de moins contrasté. J’espère que ça plaît ?

Autrement, vous pouvez laisser vos commentaires juste en dessous \o.

Juste pour le fun, je vous mets ici les anciens thèmes de mon site. Malheureusement je n’ai plus le tout premier qui était clair avec un agencement en damier des liens « linux », « windows », « blog », « divers ». Le blog n’était alors même pas encore sur la page d’accueil.

Cliquez dessus pour les voir en grand :

Mi-2009 :
miniature
Fin 2009 :
miniature
Fin 2009 :
miniature
Début 2010 :
miniature
Début 2010 :
miniature
Début 2011 :
miniature
Fin 2011 :
miniature
Début 2013 :
miniature
Mi-2013 :
miniature
Fin 2013 :
miniature
Mi-2016 :
miniature
Début 2017 :
miniature
Fin 2018 :
miniature

Intéressant de voir, sur le temps, que rares sont les thèmes qui restent plus d’un an.

Les nombreux thèmes en 2009-2010 s’expliquent du fait que j’apprenais les CSS à l’époque, et je jouais beaucoup avec. Il faut voir qu’il y avait beaucoup de menus déroulants sur ces thèmes (et pas des petits). C’était également à l’époque de IE8/IE9 et tous les navigateurs étaient assez différents à l’époque, donc vraiment la galère pour tout faire fonctionner partout.

:-)

Aux utilisateurs de BlogoText (blogueurs + lecteurs)

Je veux ré-organiser quelques trucs dans BlogoText et faire un peu le ménage dans les différentes fonctions qu’il a.

J’aimerais votre avis sur le besoin de conserver ou non les fonctionnalités suivantes :

  1. rss sur les commentaires pour chaque article (sachant que le RSS sur tous les commentaires est là).
  2. le système de notification par email pour un nouveau commentaire : vous vous en servez ?
  3. flux RSS incomplet. Dois-je vraiment conserver ça ? Sachant que le flux avec les articles complets dedans est dispo aussi (exemple : rss normal, rss complet) ?
  4. le captcha avec l’image à la connexion admin : sachant qu’on peut renommer le dossier admin comme on veut, ça ne fait pas un peu overkill ?

Par ailleurs, on m’a demandé un flux au format Atom. C’est sur la todo-list.

Ces quelques trucs sont pour moi totalement inutiles, mais je ne voudrais pas les supprimer si tout le monde les utilise intensivement.


Merci :)

Bonne année \o/*

</2012>


Et voilà : l’année 23 après TVN 2013 après JC qui pointe son nez !
Commencez là en suivant ce conseil :

eat-all-the-chocolat.png
Autrement, comme c’est la coutume ici, depuis plusieurs années, je vous souhaite une très bonne année, pleine de bonheur et de réussite à tout le monde.

<2013>

Bonnes fêtes à tous

newtonmas Comme tout le monde le sait (du moins je l'espère), le 25 décembre marque l'anniversaire (dans le calendrier Julien) d'un des personnages qui, il y a quelques siècles, changea à jamais la science et la compréhension de notre univers : Isaac Newton.

Il était certainement le premier à avoir séparé la Physique du reste de la Géométrie en expliquant et modélisant des lois de la nature par des équations plutôt que de se limiter à la seule description des phénomènes physiques.

Donc voilà : Happy Newtonmas à toutes et à tous :-).



Ah, on me dit qu'accessoirement le 25 décembre serait également la fête de Noël : le seul jour de l'année où un vieillard vêtu de rouge et revenu d'entre les pingouins avec un traîneau volant dégringole dans votre cheminée pour déposer des jouets au pied d'un sapin préalablement décoré avec des boules.
Ouais… Il paraît…


Bref, bonnes fêtes à tous ;-)

image de Sister72

Compatibilité de ce site avec les vieux navigateurs

Depuis plusieurs semaines, je reçois quelques remarques sur la compatibilité pourrie de ce site avec les vieux navigateurs (on m’a parlé de IE7 (!), Firefox 3.6 (!) et Opera > 10.x sur Windows Phone).

Déjà : sous Firefox 3.6 ça devrait être remis en ordre, idem pour Opera >9.x (sur PC) : ça ne venait pas du CSS mais du HTML5.
Les balises <header>, <section>, <article> etc. ne sont pas reconnues par Firefox 3.6 et il les interprète n’importe comment.
La solution est triviale : ajouter un « display:block » à ces éléments, et tout rentre dans l’ordre.

Mon site est de nouveau navigable sur les vieux Firefox et les vieux Opera :

Avant : avant.png
Après : apres.png
Concernant IE, c’est définitivement non : ce navigateur n’utilise pas les mêmes standard que mon site et les autres navigateurs (qui utilisent du HTML/CSS), il est donc normal que ça ne marche pas.

Pour les navigateurs sur Windows Phone, je n’ai pas de quoi vérifier (pas de Windows Phone), désolé…

Enfin, je me permet de râler contre les vieilles versions de logiciels : n’utilisez pas les vieilles versions de navigateur ! Je sais que certains sont à l’école ou au travail où les responsables du service informatique n’ont pas toujours de temps de mettre à jour tous les logiciels, mais dans ce cas je ne saurais trop vous conseiller d’utiliser une clé USB avec un navigateur portable dessus : Firefox Portable ou Opera Portable par exemple. En prime vos marques pages, votre historique et vos extensions seront toujours là.
Le lancement des programmes depuis une clé USB est lui aussi interdit ? Utilisez le navigateur portable depuis le disque dur, ça marche aussi.

Bref, aucune excuse selon moi pour utiliser de vieilles versions de navigateurs et c’est aussi pour ça que je n’en fait pas plus que ça de moi même pour rendre mon site web compatible.
C’est aussi pour vous pousser à mettre à jour vos logiciels, c’est important.