VEF Blog

Titre du blog : Vefblog, le site
Auteur : vefblog
Date de création : 28-12-2004
 
posté le 17-11-2012 à 20:59:40

Design adaptatif des blogs

Depuis plusieurs jours maintenant, les blogs sont facilement lisibles sur vos mobiles, tablettes et toutes les tailles d'écran. Il sont adaptés dans tous les cas.

 

Pourtant, il n' a pas d'application ou de site mobile pour vefblog ?

 

En effet, la disposition des blogs s'adapte maintenant à la taille de l'écran, afin que la lecture soit facile quel que soit le terminal utilisé, comme un smartphone. Du coup il n'y a pas besoin de site spécial pour les mobiles !

 

On parle de design auto-adaptatif, ou sensible design, ou responsive design en web-anglais.

 

La disposition change même en direct quand vous redimensionnez le navigateur en affichant le blog ! Faites l'experience sur ce blog même : réduisez la largeur de la fenêtre, et adminrez le résultat..

 

Du coup, vous pouvez facilement consulter vos blogs et répondre à vos commentaires dans le métro ou n'importe où avec votre smartphone...

 

 

Ci après, 3 captures d'écran du blog d'aide de vefblog : 

 

 1/ Taille d'un écran d'ordinateur

 

Ecran normal

 

 

 

 2/ Petit écran, ou tablette en orientation paysage

 

 

Petit écran

 

 

 

 

 3/ Smartphone ou tablette

 

 

Ecran de smartphone

 

 

 

 

  Les menus déroulants en bas :

 

 

Menus déroulants pour smartphone

 

 

 

Mais comment est-ce possible docteur ?

 

Quand la largeur de l'écran devient inférieure à celle du blog, au lieu de faire apparaître un ascenseur horizontal, on réduit la largeur du blog en commencant par les marges entre articles et menus, puis la taille des articles puis des menus.

Le bandeau, si c'est une image, suit la largeur de l'écran pour continuer de s'afficher en entier.

 

En dessous de 640 pixels, les menus à droite et à gauche disparaissent et les articles prennent toute la largeur. Les titres des menus apparaissent tout en bas du blog, et en cliquant dessus on ouvre le menu correspondant : ils deviennent des menus déroulants !

Plusieurs tailles de caractères pour les liens sont grandis et fixés afin de faciliter la navigation. 

 

Essayez sur votre smartphone et votre tablette, votre blog est maintenant tout à fait adapté !

Les feuilles html des blogs ne changent pas, il y a juste du css ajouté en media-query. Du javascript, avec l'utilisation de jquery, complète les changements.

 

 

Quid de l'accueil de vefblog ?

 

Pour le moment, l'accueil de vefblog n'est pas adpaté pour mobile, donc il faudra encore attendre un peu pour écrire facilement un nouvel article dans le métro..

On va déjà tester et profiter des blogs sur mobile et tablettes !

 

 

 

Commentaires

FleurdeMot le 17-12-2012 à 21:12:51
Bonsoir l'équipe de vef,je gère beaucoup par portable étant souvent sans ordi,c'est vrai que pour mettre coms,ect,c'est bien,par contre pour faire un article avec image ou photo,impossible!la photo se charge mais ensuite on ne peut la mettre sur l'article,est ce que celà sera au point par la suite?merci et bonne soirée.
pierrette64 le 17-12-2012 à 16:25:54
coucou et bien c'est une excellente chose que de faciliter l'accès à la lecture et à la pose des commentaires à partir d'une tablette venant d'en acquérir une récemment, le rendu est très bien, je me permets de vous poser une petite question, peut on faire un article à partir d'une tablette en y insérant des images comme un simple pc?personnellement je n'y arrives pô ,peut etre me faut il télécharger une application spéciale,si vous pouvez y répondre cela m'arrangerait bien étant pas très finaude à ce sujet(sourire),douce fin de journée....
aurore le 20-11-2012 à 10:58:19
génial, j'avais vu ça en effet, utilisant mon Iphone au bureau..

super.. ! Sourire
legolas le 18-11-2012 à 20:20:29
En août, le système n'était pas encore en place... il doit l'être depuis deux semaines environ, et je continue de régler des trucs.


C'est vrai que c'est cool de pouvoir lire les blogs facilement sur les smartphones !
jahylya / Irina le 18-11-2012 à 18:17:28
Bonsoir Vef ..


Je possède un smartphone .. j'ai testé le processus depuis août 2012 .. et oooh miracle .. il fonctionnait parfaitement .. alors pourquoi avoir attendu ..?

Hey .. vous avez un train de retard sans le savoir .. la High-Tech vous a devancé ..!!!


Je plaisante .. tout est bien qui finit bien ....

Y a pas de lézard ..!



J 'ai été la première à être prise .. je l'avoue .. agréablement .. depuis je passe régulièrement avec mon smart sur mon blog où que je sois .. en métropole ou hors de l'hexagone ..!


Parfaitement .. parfait ..!


THANK YOU VERY MUCH ....