Fonctionnalités
Mises à jour de nouvelles possibilités du moteur des blogs
posté le samedi 17 novembre 2012 à 20:59

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

bas    finit   fermer
 

1. 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 ....

2. legolas  le 18-11-2012 à 20:20:29  (site perso)

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 !

3. aurore  le 20-11-2012 à 10:58:19  (site perso)

génial, j'avais vu ça en effet, utilisant mon Iphone au bureau..
super.. ! Sourire

4. pierrette64  le 17-12-2012 à 16:25:54  (site perso)

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....

édité le 17-12-2012 à 16:26:15

5. FleurdeMot  le 17-12-2012 à 21:12:51  (site perso)

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.

haut    finit   fermer
 
 
 
 
posté le mercredi 24 octobre 2012 à 21:53

Petites choses diverses

Principalement, une petite amélioration demandée par Micka : dans la liste des derniers articles du blog, quand il n' a pas de photo dans l'article, le portrait du blog est utilisé pour avoir toujours la même présentation (à condition qu'il y ait un portrait au blog).

Dans cette liste des derniers articles, il y a un peu plus de texte affiché quand la première phrase n'est vraiment pas longue, du style "Bonjour à tous".  Ca devrait être un peu mieux.

 

Quelques corrections de bugs aussi, par exemple la recherche de texte dans l'édition des articles, les smileys dans les commentaires.

 

Il y aura bientôt du changement du côté de la visualisation des blogs sur téléphone portable, tablettes, etc... vous pouvez voir cette discussion dans le forum. Bientôt, les blogs s'adapteront touts seuls aux petites surfaces, tout en gardant vos préférences de design.

 

Bon blogguing sous vefblog.

 

 

 


Commentaires

bas    finit   fermer
 

1. .micka  le 24-10-2012 à 23:05:38

Fantastique !

2. coconuts  le 29-10-2012 à 11:27:43  (site perso)

que de bonnes choses Clin doeil Sourire

3. coconuts  le 06-11-2012 à 01:27:14

Je suis sur mon blackberry j'en profite pour tester par ici Sourire

4. legolas  le 06-11-2012 à 09:34:31  (site perso)

Et alors, ca fonctionne ?
As tu essayé les autres blogs, par exemple le tiens ?

5. coconuts  le 06-11-2012 à 23:22:48  (site perso)


Alors ici très bien j'ai le milieu du blog pas le menu....il est apparu en haut puis a disparu!
la présentation est très bien, sinon pour ce qui est de mon blog j'ai enfin réussi à poster un commentaire donc ça c'est super ça marche!

top top top !! Sourire

6. coconuts  le 06-11-2012 à 23:23:01  (site perso)

pardon mon chat a sauté sur le clavier et posté un deuxième commentaire doublon !

édité le 06-11-2012 à 23:24:07

haut    finit   fermer
 
 
 
 
posté le vendredi 12 octobre 2012 à 23:50

Ombre des textes et espacement des caractères

Voici deux nouvelles possitilités pour les textes : l'ombre, et l'espacement des caractères.

 

L'espacement des caractères était prévue depuis longtemps, mais jamais finie. C'est maintenant possible.

Attention : utilisez la avec douceur, et plutôt pour les titres que pour l'ensemble du blog et les articles..

 

L'ombre des textes finit la série commencée avec l'arrondi puis l'ombre des cadres, pour ajouter des possibilités prévues par le CSS3.

 

Pour l'ombre des caractères,  il faut d'abord définir 3 valeurs dans la page de réglage des polices (menu blog->polices de caractère, puis on peut ensuite régler la couleur (si on veut changer) dans la page des couleurs.

Les 3 valeurs correspondent au décalage horizontal, vertical, et au dégradé de l'ombre.

 

Là aussi, il est conseillé de ne mettre de l'ombre que sur les titres, pas sur tous les textes.

 

 Exemple pour ce blog :

 

 

 

L'ombre des caractères n'est pas encore prise en compte par Internet Explorer. Elle fonctionne avec les autres navigateurs.

 

Ces fonctionnalités aparaissent à partir du niveau "Avancé" de réglage du blog.

 

 

Liens
Text-shadow

Articles liés
Nouveau Skin de base
 


Commentaires

bas    finit   fermer
 

1. legolas  le 15-10-2012 à 22:49:20  (site perso)

Bah alors, l'ombre des textes, ne vous fait rien ? Même pas des petits frissons ?

2. seringa  le 19-10-2012 à 05:29:45  (site perso)

Bonjour,
Impossible de vs joindre,sur message à "Webmaster",(3 essais, code jamais accepté!) ,donc je viens ici... pr vs signaler anomalie ds édition-parution des articles, depuis hier soir.
Ds "Parution des 30 derniers articles", en fait, ce sont ceux du 17 au soir qui ont resurgi ds la 2° partie.
Ce qui fait que les articles de 18 h/19h,ne sont pas restés annoncés....Dommage!!!
Très bonne journée.Seringa.

3. legolas  le 19-10-2012 à 22:02:44  (site perso)

Désolé, je ne comprend rien à votre message.

message à "Webmaster" n'existe pas.
édition-parution des articles n'existe pas.
Parution des 30 derniers articles n'existe pas.
Quelle 2ème partie ?

Merci d'éviter d'écrire en sms ici.

haut    finit   fermer
 
 
 
 
posté le jeudi 11 octobre 2012 à 01:38

Ombre autour des cadres des blogs

Bonsoir,

 

Voici une nouvelle possibilité de style : ajouter des ombres aux cadres du blog : articles, menus, commentaires, etc...

 

Cela se règle dans la configuration des bordures. En mode basique ou minimal, vous mettez juste un nombre pour le décalage de l'ombre par rapport au cadre : c'est très simple !

 

En mode avancé, vous pouvez régler 4 nombres différents ; passez la souris sur les champs pour voir à quoi ils correspondent.

 

Il y a une couleur de base pour les ombres, mais on peut aussi la changer dans le réglage des couleurs. Il n'apparait que si l'ombre a déjà été activée dans les bordures.

 

Le ombres sont visibles sur Internet Explorer à partir de 9, Firefox à partir de 4, et les autres navigateurs.

 

Enjoy it !

 

 

 

Prochaine amélioration : l'ombre des textes, pour les titres par exemple..

 


Commentaires

bas    finit   fermer
 

1. micka  le 11-10-2012 à 17:44:17  (site perso)

Ehh ! Super, shadow est arrivééééé Sourire

2. seringa  le 14-10-2012 à 05:24:20  (site perso)

ça tombe bien !..."Le jeu de l'ombre", page 73 de mon blog !!! Merci.Bonne journée.S.

haut    finit   fermer
 
 
 
 
posté le jeudi 04 octobre 2012 à 10:25

Arrondis dans les bordures

Voici une nouvelle fonctionnalité pour personnaliser les blogs : on peut maintenant régler les arrondis des différents cadres du blog, avec les bordures.

 

Cette possibilité exploite les nouveautés apportées par le CSS3. Voici les navigateurs pris en charge : 

 IE9+, Firefox 4+, Chrome, Safari 5+, et Opera.

Pour les navigateurs non pris en charge, l'arrondi ne sera pas affiché.

 

Pour chaque bordure, on peut préciser un seul nombre qui sera la taille de l'arrondi pour les 4 coins.

 

Si on préfère régler coin par coin finement, on peut se renseigner sur la propriété border-radius du Css3 et remplir le champs en connaissance de cause, sans oublier dans ce cas les "px" après les nombres.

 

Dans le cas des articles et des menus, si vous voulez utiliser cette propriété, ne mettez aucune image de fond en haut et en bas des articles et menus.

 

 

 

 

 

Je n'ai pas encore mis tous les arrondis possibles à chaque fois qu'il y a une bordure réglable, n'hésitez pas à me demander d'en ajouter aux réglages possibles, et jouez avec les différents niveaux de réglage aussi.

 

Si quelqu'un veut faire un petit topo sur les arrondis dans le blog d'aide, ca permettrait de le proposer à tous sur la pages des bordures ! Il faut d'abord lire les liens proposés, bien sûr.

 


Commentaires

bas    finit   fermer
 

1. gisele  le 04-10-2012 à 11:22:57  (site perso)

J'ai utiliser cette fonction, c'est super, merci

2. la petite fee de coeur... tendresse  le 04-10-2012 à 11:29:48

je vais regarder ce que ceu ci donne merci pour cette infos
cordialement .

3. legolas  le 04-10-2012 à 11:50:22  (site perso)

Une petite précision: les arrondis ne rendent pas terriblement bien quand le style de la bordure est autre chose que "trait"..

4. micka  le 04-10-2012 à 17:54:41

Si j'ai le temps, je me plonge dans le truc et je poste une aide sur vef ce week-end

5. aurore  le 05-10-2012 à 00:10:45  (site perso)

j'ai mis trait et arrondi, et je vois rien, même en actualisant..?

6. legolas  le 05-10-2012 à 00:11:46  (site perso)

Aurore, est-ce que tu vois les arrondis sur ce blog ci ?

7. aurore  le 05-10-2012 à 00:11:59  (site perso)

ah ok.. j'ai compris.. j'ai pas le bon navigateur Clin doeil

8. micka  le 05-10-2012 à 15:36:57  (site perso)

Tu es encore sur ton vieux Internet Explorer ? Langue

9. 472481  le 06-10-2012 à 20:30:20  (site perso)

Bonsoir
j'ai pas encore essayé au boulot ma fille.
Merci Mika bonne soirée

haut    finit   fermer
 
 
 
 
 

Ajouter un commentaire

Merci de laisser un commentaire sur ce blog !
Attention : pas de demande autre que le sujet de l'article svp..
Les commentaires sont modérés, cela veut dire que un modérateur doit les accepter avant qu'ils n'apparaissent.
Pseudo : Réserve ton pseudo ici
Email :
Site :
Commentaire :

Smileys

 
 
 
Rappel article