Pour charger les blocs à mesure que l'on scroll, j'ai utilisé le samsung grid effect, en demo ici http://tympanus.net/Tutorials/SamsungGrid/

Entre parenthèse, tympanus.net regorge de ressource en jquery et même des tutos, il y a de quoi passer quelques heures dessus :)

J'ai modifié le fichier resume.php du module articles pour ajouter la bonne class aux différents éléments, et c'est tout. Limité à 100 articles(oui quand même faut pas déconner ^^) Après il suffit d'ajouter le résumé des articles sur la home à l'aide du module resume et c'est tout.

Sinon ça reste correct au niveau affichage sur mon Iphone le lien que tu as donné. A part la taille de police que tu pourrais augmenter(car un peu dur de "viser" un lien), il y a pas grand chose à dire. Il faudrait que tu mettes une taille de police en em, avec un media query css pour les mobiles et un autre pour les plus grandes taille d'écran je pense que ça suffirait.

Tu peux aussi utiliser un media query pour afficher les images à 100% de largeur de tes blocs quand on est sur mobile, ça permet d'avoir des images pas trop petites(par contre là j'ai du modifier le fichier bbcode.php pour y arriver car la largeur des images est géré par le bbcode et on peut pas mettre 100%, ça fonctionne pas car car ce fichier bbcode attend une valeur en px). J'avais testé avec un .articles img { width: 100% !important } mais ça fonctionnait pas.

Au niveau du menu, tu peux faire une truc mieux que sur mon blog, prend exemple sur le site de slate.fr , ce genre de menu est de partout sur les gros site, ça ressemble au menu des apps mobile, et ça permet d'ajouter plus de lien, notamment avec des menus déroulants. Tape jquery mobile menu dans google. exemple : celui-ci est très bien conçu et pas trop dur à mettre en place => http://mmenu.frebsite.nl/