Peut-être avez-vous eu quelques petits soucis pour vous connecter au site cet après-midi. C’est normal, j’étais en train d’effectuer une mise à jour majeure qui a perturbé pendant quelques temps l’accès. D’ailleurs, si vous avez encore maintenant des soucis d’affichage et que les éléments du blog semblent être placés totalement n’importe comment, pensez à vider le cache de votre navigateur (si vous n’avez jamais effectué cette manip’, ce petit tuto devrait vous y aider).

Vous avez donc maintenant sous les yeux la toute nouvelle version du site. À première vue, pas beaucoup de choses semblent avoir changé… Et pourtant, il a été recodé en partant de zéro! Dans quel but? La réponse est dans le titre de cet article: le passer en responsive design.

J’en vois d’ici qui font les gros yeux! Rassurez-vous, ce n’est pas un gros mot! Le responsive design, c’est tout simplement une technique permettant d’adapter la mise en page d’un site en fonction de la taille de l’écran de l’utilisateur. Avec l’essor des smartphones (15% des lecteurs d’EtaleTaCulture se connectent depuis leur téléphone portable), il devient capital d’offrir aux lecteurs nomades une qualité de lecture optimale: ce qui rend très bien sur un écran Full HD d’ordinateur a bien souvent un rendu totalement immonde sur un petit écran!

Un site en responsive design, lui, n’affichera pas les mêmes informations ni la même mise en page suivant l’écran que vous utilisez. SI vous êtes curieux mais que vous n’avez pas de téléphone portable sous la main, vous pouvez tester en redimensionnant la fenêtre de votre navigateur: passés certains seuils, certains éléments vont disparaître et d’autres seront redimensionnés… la magie du CSS!

La version 6 (déjà!) d’EtaleTaCulture en mode grande résolution

Une petite remarque au passage… Internet Explorer (IE pour les intimes), édité par Microsoft, fait figure de vilain petit canard: jusqu’à sa version 9, IE est incompatible avec les standards de programmation (et c’est en grande partie pour cela d’ailleurs que Microsoft s’est mis toute la communauté de développeur WEB à dos!). Si vous utilisez encore cette vieillerie pour vous connecter à Internet, il est grand temps pour vous de passer à la vitesse supérieure! Faites donc votre choix parmi les deux poids lourds du marché: Google Chrome ou Firefox, ou préférez une alternative moins connue de votre choix… Bienvenue dans le XXIe siècle!

Au passage, j’en ai profité pour repenser un peu le menu qui était vraiment mal foutu. En remplaçant chaque rubrique par une icône, j’espère vous donner l’envie de fouiller un peu les archives du site… avec presque 500 articles écrits à l’heure actuelle, vous devriez normalement trouver quelques sujets qui vous intéressent! (Bon, c’est sûr, si vous voulez connaître tous les détails de l’actu people, là, je ne peux plus rien faire pour vous…)

Le site sur une plus petite résolution

J’ai également viré la vilaine fenêtre qui s’ouvrait parfois au démarrage pour présenter le site. Je conçois que ça ait pu en énerver certains… Je l’ai remplacée par deux boutons plus discrets en haut de page.

Quelques bugs subsistent encore ça et là que j’éradiquerai petit à petit. Normalement, ils ne devraient pas gêner le confort de lecture. On se dit à bientôt pour de nouveaux articles! (et le numéro 2 d’#ETC Mag’ qui avance à grand pas…)