L'espace... Cifiste 06/11/2014
Je me suis essayé à un update de la page d'accueil, pour alléger la vue.

J'ai mis le menu en statique car il permet de faire plusieurs choses :

Si on clique sur une zone vide, ça remonte la page.
Si on passe la souris sur le + on a accès au différentes options de la page:

Page précédente et suivante (ça évite de répéter le lien sur la page)
Connexion du shaarli
Recherche.

J'ai par contre un petit soucis que je n'arrive pas à résoudre : si je clique sur "connexion shaarli" ça affiche le formulaire, sans agrandir la bulle. Dommage.

À voir pour corriger ça en full css.

Je lui ai ajouté une ombre portée.

J'ai aussi remplacé le contour du lien populaire par une ombre pour mieux coller au thème.

Voilà, à tout hasard si ça plait
(Permalink)

Shaarlo 06/11/2014
Cifiste,

déjà Merci ! C'est déjà sympa de proposer des idées, alors de les proposer de manière visuelle c'est vraiment géant !
Le menu statique + le comportement haut de page est vraiment extra ! Je sais pas si ça plairait à la majorité cela dit... mais bon, on s'y fait vite après !

Pour le petit +, je sais pas trop, je dois dire que je suis pas ultra fan des menu déroulant car c'est toujours difficile à maintenir (+ comportement responsive à gérer c'est vite chaud). Est ce qu'avoir une colonne plutot à droite / gauche de la page serait pas plus simple (même si ça réduit le contenu...) ?

Concernant le connexion shaarli, j'ai eu l'idée hier de le fusionner avec la barre de recherche, si l'utilisateur saisie shaarli:xxxx, ça le connecte automatiquement. L'avantage étant en plus de l'avoir également en favori et ça évite de devoir gérer un bloc de connexion en plus. Qu'en penses tu ?

Oui, les ombres se discutent mais globalement l'effet est sympa :-) (chacun sa préférence après...).
Peut être qu'un bouton flat/pas flat serait intéressant ?
(Permalink)

L'espace... Cifiste > Shaarlo 06/11/2014
Pour le menu déroulant, ce n'est que du CSS, il est dans le flux content (au même endroit d'ailleurs que ta boite de connexion), donc facilement gérable avec du responsive.

J'ai essayé de ne pas toucher à la disposition des éléments de la page (sauf dans le menu ajouté).

Ce n'est que ça (ne tiens pas compte du JS, c'était juste en test)

<div id="dashboard_icon"><a href="#" >+</a>
           <div id="dashboard">
               <a href="#">Jour précédent</a><a href="#">Jour suivant</a>
               <div>
                   <a href="#" onclick="showDashboard()">Connecter mon shaarli</a>
                   <form method="POST" action="?" name="loadform" id="connectShaarli">
                       <input id="shaarli" name="shaarli" tabindex="1" type="text" value="" placeholder="http://domain.ext/shaarli">;
                       <input type="submit" value="Charger ma conf">
                       <a href="#" onclick="hideDashboard()">Masquer ce vilain formulaire</a>
                   </form>
               </div>
               <div>
                   <a href="#" onclick="showDashboard("search")">Rechercher</a>
                   <form id="search">
                       <a href="#" onclick="showDashboard()">Recherche avancée</a>
                       <a href="#" onclick="hideDashboard()">Masquer ce vilain formulaire</a>
                   </form>
               </div>
           </div>
       </div>

Pour le flat / pas flat, pourquoi pas, vu que ce n'est que du CSS, mais ou enregistrer les préférences ?
(Permalink)

le hollandais volant > Shaarlo 06/11/2014
J’aime pas mal tout ce qui a été fait là :)

Par contre il reste quelques petits bugs/problèmes.

— À mon avis, il faudrait laisser le bouton « + » en bas des posts un peu long en visible tout le temps (pas en fadeout). Les phrases coupées en plein milieu sans voir le « + », ça fait bizarre…
— Le dit bouton « + » est un peu gros : ça fait beaucoup d’espace vide sur les pages…
— sur mobile il y a un problème sous le post « en ce moment sur Shaarli ». Voici une capture d’écran : http://lehollandaisvolant.net/img/Screenshot_2014-11-06-06-09-09.png . C’est comme s’il y avait un bloc latéral sur le côté droit qui empêchait les posts suivants d’être visibles directement en dessous.
La capture date de ce matin, mais le problème est toujours là ce soir.
— (permalink)

Shaarlo > le hollandais volant 06/11/2014
Merci pour ton retour Timo :-)
J'ai fait la modif pour le +, il reste visible et prend moins de place.

J'ai corrigé le probleme sous mobile, tu peux me dire si c'est bon maintenant ?
(Permalink)

Shaarlo > L'espace... Cifiste 06/11/2014
Cifiste, j'ai intégré une partie de tes améliorations :-).
Pour l'enregistrement, je sais pas trop. Je sais pas si ça vaut le coup de se fendre d'un mode flat pas flat. (niveau temps de dév / gain)

EDIT : pour la barre de menu fixe, j'ai fait un rollback, je n'ai pas l'impression que l'idée soit partagée par tout le monde xd. Une icone cadenas pour verrouiller la barre serait pas une bonne façon de faire ? (== laisser l'utilisateur choisir s'il veut la fixer). L'enregistrement de ça passerait par un cookie
(Permalink)

L'espace... Cifiste > Shaarlo 06/11/2014
Cool :-)

Par contre, Le header fixe était la, mais plus maintenant.

Et il y a un gros bug d'images sur les liens
(Permalink)

le hollandais volant > Shaarlo 06/11/2014
Oui, c’est bon là !
— (permalink)

L'espace... Cifiste > Shaarlo 06/11/2014
Shaarlo

Bonne idée pour l'option dans un cookie.

On peu faire de même pour le flat / pas flat et le menu contextuel.

Un menu sur le côté comme tu le propose, épinglé par défaut, au choix via paramètre.

Un simple clic sur l'icône dédiée pour le choix.
(Permalink)

Shaarlo > L'espace... Cifiste 10/11/2014
Spéciale dédicace pour toi Cifiste : j'ai programmé le cadenas de blocage du menu.
(Permalink)

L'espace... Cifiste 10/11/2014
C'est juste top !

Merci, shaarli.fr se bonifie avec le temps !
(Permalink)