bajazet, le 31/10/2014 à 01:09 Bon je me suis essayé rapidement ce soir à ce que pourrait ressembler shaarlo.
Je continuerai si ça vous tente ?
(
Permalink)
shaarlo, le 31/10/2014 à 10:03 Hello Bajazet :-)
c'est vrai que c'est tout de suite plus moderne comme style de page !
ce que je trouve moins ergonomique qu'actuellement :
*les flèches suivant/précédent sont très belles sauf que l'avantage du "jour suivant / jour précédent" c'est que l'utilisateur comprend qu'il s'agit d'une pagination par date, à moins qu'on la fasse sauter ?
je pense honnêtement que c'est plus ergo de mettre une pagination en haut de page également car dans le cas actuel où en fin de journée la page est assez longue, c'est vite chiant d'aller en bas de page pour faire jour précédent.
*le fond bleu est un peu trop bleu à mon gout (mais bon...on a tous une sensibilité différente / et un écran différent) aux couleurs, c'est vite difficile d'être objectif la dessus
ce que j'adore :
*la barre de menu est vraiment plus moderne et plus sérieuse ! il faudra surement un logo shaarlo afin de ne pas tromper l'utilisateur
*les icônes horloges / permalink et Suivre sont vraiment bien trouvées ! ça donne beaucoup plus de valeur à ces informations !
ce que je ne sais pas :
*le découpage en bloc des articles change radicalement la tenue de la page, je ne sais pas encore s'il faut partir la dessus
*la police semble différente, là pareil, à voir (c'est laquelle au fait ?) !
Quoiqu'il en soit, je te remercie beaucoup pour cet essai ! ça motive à avancer !
NB : des choses ont apparemment sauté comme la barre de recherche, c'est voulu ?
(
Permalink)
SimonLefort, le 31/10/2014 à 10:23 Moi j'aime bien, c'est clair et propre. :-)
(
Permalink)
bajazet > shaarlo, le 31/10/2014 à 10:51 Pour résumer, j'ai passé 2/3h dessus hier soir :)
>> *les flèches suivant/précédent sont très belles sauf que l'avantage du "jour suivant / jour précédent" c'est que l'utilisateur comprend qu'il s'agit d'une pagination par date, à moins qu'on la fasse sauter ?
>> je pense honnêtement que c'est plus ergo de mettre une pagination en haut de page également car dans le cas actuel où en fin de journée la page est assez longue, c'est vite chiant d'aller en bas de page pour faire jour précédent.
je pensais plus à ce genre de pagination
http://loreo-sbt.blogspot.in/, des carrés avec quelques dates genre 5 et les flèches, en haut et en bas
>> *le fond bleu est un peu trop bleu à mon gout (mais bon...on a tous une sensibilité différente / et un écran différent) aux couleurs, c'est vite difficile d'être objectif la dessus
Je mets une couleur vive pour mieux m'y retrouver, je pense plutôt à une couleur foncée genre gris, car le blanc le soir ça fait mal aux yeux.
>> *la barre de menu est vraiment plus moderne et plus sérieuse ! il faudra surement un logo shaarlo afin de ne pas tromper l'utilisateur
Yep, le logo RSS est trompeur aussi, faudrait un logo
>> *les icônes horloges / permalink et Suivre sont vraiment bien trouvées ! ça donne beaucoup plus de valeur à ces informations !
Les icônes
http://fortawesome.github.io/Font-Awesome/
>> *le découpage en bloc des articles change radicalement la tenue de la page, je ne sais pas encore s'il faut partir la dessus
En fait :
- tu utilisais une ligne horizontale <hr> qui prenait 2px environ, j'ai remplacé par un espacement de 10px.
- tu utilisais aussi plusieurs <br> qui prennent plus de place qu'un simple padding.
- (permalink)(suivre) prenaient de la place aussi.
- petites flèche en haut de chaque article supprimées
Je pense qu'on s'y retrouve en terme de place ;)
>> *la police semble différente, là pareil, à voir (c'est laquelle au fait ?) !
Open Sans
https://www.google.com/fonts/specimen/Open+Sans licence apache 2.0
>> NB : des choses ont apparemment sauté comme la barre de recherche, c'est voulu ?
Non, mais elle sera dans la barre de menu (comme sur 99% des sites)
Remplace les [...] par un + encerclé pour développer/réduire l'article.
Faut aussi ajouter un peu plus d'espace entre les infos de l'article (perma, auteur etc) et le contenu, c'est trop serré là.
J'ai forké ton repo, tu peux tester en ouvrant le fichier theme.html (la flemme de faire l'installation ^^)
https://github.com/bajazet/shaarlo/commit/3a6ed1c29b4f46b990fe25a8c6672a5677728960
Et toujours par fainéantise, j'ai pour l'instant laissé les fonts chez Google et fontawesome sur un CDN, le logo depuis un repo github, et les favicons depuis shaarli.fr ;)
(
Permalink)
Famille Michon > bajazet, le 31/10/2014 à 11:36 Je ne commenterai pas, je n'aime pas les sites trop aseptisés.
Par contre, je réagis à ça :
"les icônes horloges / permalink et Suivre sont vraiment bien trouvées"
Euh... quel rapport entre un arobase et "Suivre" ? D'autre part, les icônes "horloge" et "lien" sont en gras, alors que l'arobase ne l'est pas.
(
Permalink)
L'espace... Cifiste, le 31/10/2014 à 11:45 Je trouve tout parfait, sauf les fleches, comme le dit shaarlo, c'est plus ergonomique d'afficher le texte et / ou d'en avoir en haut et en bas.
L'autre solution : du javascript pour un scroll infini, désactivable, ça le ferait carrément !
(
Permalink)
bajazet > Famille Michon, le 31/10/2014 à 13:41 https://famille-michon.fr/links/?xj3gjQ
Pour le @, je n'ai pas trouvé l'icône d'une "personne suivant une autre" sur fontawesome, du coup j'ai pris un truc qui me parlait. Ce serait mieux un + peut-être comme "ajouter".
---
http://daniel.gorgones.net/shaarli/
Je suis contre le chargement en fin de page, exemple si je veux faire une recherche sur la page je dois défiler comme un porc puis faire mon ctrl+f.
---
Je réitère, j'ai mis 2/3h, pour faire un design complet il faut compte au moins 30h...
Rendez-vous sur
http://www.cssauthor.com/inspiration/daily-website-design-inspiration/ et inspirez vous et faites des propositions :)
(
Permalink)
L'espace... Cifiste > bajazet, le 31/10/2014 à 14:20 Quand je parle de chargement auto c'est pour les jours précédents, donc pas besoin de "défiler comme un porc" ;-)
La page du jour est completement chargée.
Sinon, si j'ai du temps, pourquoi pas, le truc c'est d'en trouver.
2 3h de travail ? Et bien c'est un bon résultat pour si peu de temps.
(
Permalink)
shaarlo > bajazet, le 31/10/2014 à 15:08 Merci pour le lien github ! Je vais m'en inspirer pour la prochaine maj !
Les changements iront progressivement pour voir au fil de l'eau si ça convient à tout le monde
J'ai pensé à un interrupteur jour / nuit pour modifier le fond d'écran pour le soir (avec un set auto en fct de l'heure de la journée)
(
Permalink)
Famille Michon > bajazet, le 31/10/2014 à 16:21 """Pour le @, je n'ai pas trouvé l'icône d'une "personne suivant une autre" sur fontawesome, du coup j'ai pris un truc qui me parlait. Ce serait mieux un + peut-être comme "ajouter"."""
Peut-être un oeil, si ça existe.
(
Permalink)
opennews > shaarlo, le 31/10/2014 à 17:00 Et pourquoi pas ça
http://www.jordanm.co.uk/post/65776639602/responding-to-environmental-lighting-with-css-media ? OK, c'est encore en draft, mais c'est mieux qu'un switch ^^ !
(
Permalink)