Site Perso de

Thomas JANNAUD

Des actualités personnelles sous un style impersonnel, et inversement.



Guide pour passer facilement son site web en mode sombre (dark mode)

Le design a ses modes ! Quand j'ai commencé mon site web en 2007 je trouvais ceux sur fond noir désagréables pour le chaud-froid qu'ils produisaient dans la navigation, la palette trop large de couleurs fluo qu'ils mêlaient, et parce que cette obstination à sacrifier l'esthétique générale pour se donner un côté 'pirate du web' voire pessimiste me gênait. J'aime la clarté de la présentation, les sites aérés et lumineux.
Les choses ont changé depuis. Sur conseil de mes collègues j'ai activé le mode sombre de quelques logiciels professionnels pour éviter la fatigue occulaire, et je m'y suis habitué. Puis ...

Installer et utiliser Latex de manière simple et minimale sur mac

Latex est une plaie à installer et parfois à utiliser, et cet article est là pour vous faire gagner du temps et montrer qu'on peut faire énormément avec une installation minimale sous Mac OS.
J'ai récemment eu besoin de rédiger un document en maths sous Latex, et je n'y avais pas touché depuis des années. J'ai d'abord installé la distribution complète puis un éditeur spécial qui m'a ensuite demandé d'installer d'autres trucs et j'ai vite vu que c'était l'usine à gaz. J'ai tout supprimé et suis reparti de zéro.
Installation minimale

Pour une installation minimale de Latex sous Mac : ...

AppEngine : analyse et conseils techniques

J'ai récemment décidé de faire tourner mon site web sur AppEngine, ce qui a été l'occasion d'un redesign complet, tant au niveau interface que l'architecture. Je tenais à écrire sur Appengine pour faire les présentations si ce n’était déjà fait, pour donner un maximum d’information afin que vous puissiez faire un choix de migration ou de premier site, et finalement pour décrire des solutions à des problèmes techniques que vous pourriez rencontrer lors du bulkupload.
Qu'est-ce que AppEngine et pourquoi ?

AppEngine est un service de Google. Ils hébergent gratuitement votre site tant qu'il reste "petit" (jusqu'à 1 million de ...

Config MAMP : php/mysql/phpmyadmin sur Mac OS X

First part in French, 2nd part in English
Edit 01/12/2013 : Le site a migré de php/mysql à Python/Jinja2 avec un hébergement gratuit sur AppEngine. En lisant ce dernier article je constate que Apache/MySQL est extrêmement compliqué et que c'est avec soulagement que l'on ne s'en sert plus. Si vous souhaitez installer MAMP juste pour utiliser phpMyAdmin, abandonnez l'idée. Un logiciel pour ouvrir une base de données MySQL (sans installer MAMP) est beaucoup plus adapté pour éditer/utiliser une base de données en local. Et SQLite est encore mieux si l'on a le courage de migrer ses données. Et si vous ...

Troubleshooting with iOS. UI tips

Back in the iPhone Apps with JapanEasy, check it out ! I would like to help the community back too by writing down here a few things that solved my headaches while making this app. As always I would like to say when you play with the "developer enemily" Cocoa framework. width/height bug after rotation
If you reimplement - (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation in your UIViewController, watch out if you use the .width and .height properties ! The iPhone and iPad have different behaviours on this. When you go from portrait to landscape, width and height are swapped on the ...

PHP/MySQL conseils/tips

First part in French, 2nd part in English
L'une des choses les plus embêtantes à gérer dans un site est l'échappement de guillemets pour éviter les injections MySQL. Et même sur un site qui tourne depuis 3 ans il y a toujours à régler des petits bugs.
Les problèmes peuvent venir de plusieurs endroits : Injections SQL
les injections SQL. Si on fait juste INSERT INTO comments('$_POST["message"]), on va avoir des problèmes si l'utilisateur rentre qqchose comme "1); DROP DATABASE xxx;". On s'en protège en mettant des \ devant les guillemets et les apostrophes., L'utilisateur peut rentrer des ...

Url propres avec .htaccess / Minimal urls using .htaccess

First part in French, 2nd part in English
Adieu les ".php" qui traînent, pour configurer votre htaccess pour avoir des url comme https://jannaud.fr/prog, c'est ici ! Voici la solution, obtenue après plusieurs heures de combat acharné et des lectures entières de forums.
Dans cet exemple, on suppose que l'on aimerait que monsite.com/xxxxx soit traité par la page blog.php comme si l'url entré était monsite.com/blog.php?page=xxxx.
Options +FollowSymLinks RewriteEngine On RewriteRule ^blog/(.*)$ blog.php?page=$1 [L] RewriteCond %{REQUEST_URI} !=/ RewriteCond %{REQUEST_URI} !news.xml RewriteCond %{REQUEST_URI} !robots.txt RewriteCond %{REQUEST_URI} !.php$ RewriteRule ^([^/]*)$ $1.php
Ceci permet de remplacer monsite.com/toto par monsite.com/blog.php?page=toto, tout en ne réécrivant pas ...

Créer un site web : Tutoriel complet


Se faire un site Web, c'est sympa : ça change de la programmation bête et méchante et on peut laisser libre cours à sa créativité !
Il y a pourtant des pièges à éviter et cette page est là pour vous faire acquérir les bonnes bases, dès le début.
Vous verrez comment faire pour tester son site internet sur son ordi perso avant d'acheter un hébergement et de publier votre site, quelle architecture je conseille pour vos fichiers, dossiers, images, ... Vous verrez aussi comment rentabiliser votre site internet et gagner un peu d'argent.
Nous allons travailler avec un ...

Automator et Applescript

First part in French, second part in English.
Applescript et Automator sont censés rendre plus facile la vie aux gens qui ne programment pas mais qui veulent faire faire à leur ordinateur des choses répétitives. Dans les faits j'aurai passé plus de temps à écrire ces 3 lignes de script qu'à faire à la main ce que je voulais faire :) Il me reste la satisfaction du devoir accompli, ce qui n'est pas rien.
J'ai voulu tout faire en Applescript au début, parce que je pensais que plus on fait d'appels à des choses extérieures, plus je passerai de temps ...

Fils RSS

Ce symbole : est de plus en plus présent sur le Web. Vos enfants vous traitent de vieux ringard ? A votre tour de les épater sur les nouvelles technologies en leur expliquant ce qu'est un fil RSS !
Qu'est-ce qu'un fil RSS ?

Il y a 2 types de sites web :
ceux à vocation "statique", où le contenu ne change pas, ou alors que très rarement. Exemples : la page de votre CV, un site où c'est un dictionnaire en ligne, ..., et les sites où le contenu est amené à changer fréquemment. Exemple : les sites des ...