#ETC passe en responsive Design!
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…)
____________________________________
Vous avez aimé cet article ? Alors j'ai besoin de vous ! Vous pouvez soutenir le blog sur Tipeee. Un beau geste, facile à faire, et qui permettra à EtaleTaCulture de garder son indépendance et d'assurer sa survie...
Objectif: 50 donateurs
Récompense: du contenu exclusif et/ou en avant-première
Je vous remercie pour tout le soutien que vous m'apportez depuis maintenant 5 ans, amis lecteurs!
Djinnzz
PS: ça marche aussi en cliquant sur l'image juste en dessous ↓↓↓↓
J’ai eu des soucis tout à l’heure, tout s’affichait dans tous les sens. Un petit coup de vidage de cache et puis plus rien 🙂
Le nouveau menu est très classe, c’est une bonne idée de le laisser tout le temps apparent. N’ayant de pas de téléphone à écran tactile et ne souhaitant pas en acheter, votre responsive machin truc ne me concerne pas.
Bon boulot, mais c’est dommage car le temps que vous passez à faire ça, vous ne bous écrivez pas d’articles!!!!!!! 😥
Félicitations pour cette nouvelle version.
La transition s’est bien passée pour moi.
Bonjour,
Merci et bravo pour le site 🙂
Un petit message pour ceux qui comme moi, auraient un problème aujourd’hui (boutons d’abonnement et de menus en mode je flotte partout sauf là où il faut…) : forcez le rechargement du cache ! (CTRL F5 dans 90% des cas :razz:)
Excellente continuation à l’équipe 🙂
Merci à tous les trois! 🙂
Pas mal ce raccourci clavier pour vider le cache… je ne connaissais pas et ça me fera gagner pas mal de temps, merci!
Superbe site! Je suis en train de le découvrir et je suis en extase devant le contenu riche et varié que vous proposez! Je n’ai jamais rien vu de semblable ailleurs sur internet. Bravo!!!
Sinon je ne sais pas s’il y a un rapport, mais je n’arrive pas à accéder à la vidéo « I forgot my phone » 🙄 et puis… « Beaucoup de choses ont changÉES » ?????!!!!! 👿 😀 😉