Option pour une page d'accueil compacte

Avoir plus d'informations sur la page si je le veux bien

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour,

Je ne sais pas si je suis le seul à trouver la page d’accueil pauvre en nombre d’informations. Et pour le peu d’informations à afficher la page est trop haute. Oh ! Un avion qui a le vertige. o_O

J’ai ce sentiment que ça soit quand je suis sur grand écran (1900x1080) ou sur un 11"(1366x766). Je viens ici pour savoir si je suis le seul à avoir ce sentiment ou au contraire les avis sont partagés. Si les avis sont partagés, je peux créer une PR pour ajouter une option qui permet de rendre la page d’accueil compact et d’afficher plus d’information comme la maquette ci-dessous. Ou au contraire, ne rien faire si je suis le seul à avoir cette impression.

Le rendu est ajustable maintenant que je suis habitué à ce rendu, je ne le trouve normal ni trop rempli ni trop vide. Pour faire cette maquette, je suis partie du principe que connaître la date et l’heure précises des derniers contenus est un inutile (quitte à rajouter un tooltip au passage de la souris en css).

maquette fullpage

Bon vol.

AVION // 🐺 // 💡 // L’hiver vient

+2 -8

Personnellement je trouve la page d’accueil très bien comme elle est (écran 24 pouces) et j’aurai l’impression qu’elle serait surchargée avec la modification que tu proposes.

De mon point de vue il n’y a pas du nouveau contenu sur zds assez fréquemment pour justifier d’afficher plus d’informations à l’écran. Si on publiait un tuto par jours je comprendrais, mais actuellement je trouve la mise en page adaptée. Après c’est vrai que pour la partie billets et surtout forum cela pourrait être plus justifier (surtout pour les utilisateurs moins réguliers qui peuvent louper du contenu facilement avec la mise en page actuel).

"Toute extrapolation est valide dès lors que son résultat m’est sympathique." Loi de Lomborg

+8 -0

Salut,

Perso c’est plutôt l’inverse. Je suis sur un 15" en 1080p (donc avec un affichage dense), et je trouve déjà la page d’accueil actuelle limite question quantité de trucs sur l’écran (en même temps, j’ai toujours eu du mal avec les trucs que je n’arrive pas à observer en totalité sans avoir à me concentrer sur les détails locaux, c’est bizarre à expliquer mais c’est comme ça).

Après sur le fond, si les gens veulent une forme compacte comme tu la proposes, je n’y vois pas d’inconvénient majeure non plus, le rendu que tu proposes est pas mal.

I don’t mind that you think slowly, but I do mind that you are publishing faster. – W. Pauli

+4 -0

En 1080p sur un 15", je suis plutôt d’accord avec A320. Suffirait d’en faire une option, sinon. En attendant, si ce rendu est obtenable avec un userstyle (Sylish / Stylus), je prends :D .

Breizh zo ma bro, hag ihuel eo ma c’halon geti. Da viken. – L’oiseau imaginaire : ZzxŷxzZ

+0 -0
Auteur du sujet

@Breizh : C’est tout moche en userstyle :

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
.flexpage .flexpage-wrapper {
    max-width:1148px;
}

.featured-resource-item {
    max-width:163px;
    min-width:140px;
}

.home .flexpage-header {
    margin-bottom:-138px;
    padding-bottom:152px;
}

.home-pinned-content { /* Annuler cette règle pour avoir 7 éléments à la Une */
    width:calc(163px * 5);
    margin:auto;
}

.home .featured-resource-row {
    margin-bottom:20px;   
}

.featured-resource-item a:focus .featured-resource-meta h3,
.featured-resource-item a:hover .featured-resource-meta h3 {
    height:130px;
}

.content-item .content-illu {
    -webkit-box-flex:0;
    -ms-flex:0 0 60px;
    flex:0 0 60px;
    height:60px;
}

.content-item .content-info {
    padding:4px 8px;
    height:inherit;
}

.content-item.topic-item .content-info  {
    padding:4px 8px;
    height:inherit;
}

.content-item .content-tags {
    display:none;
}

.content-item.topic-item .content-title,
.content-item .content-title {
    font-size:16px;
    line-height:17px;
    min-height:16px;
}

.content-item .content-description,
.content-item.topic-item .content-description {
    font-size:14px;
    line-height:15px;
    min-height:14px;
    margin-top:4px;
    margin-bottom:0;
    height:inherit;
}

.content-item .content-meta,
.content-item.topic-item .content-meta  {
    font-size:12px;
    line-height:13px;
    min-height:12px;
}

.content-item.write-tutorial {
    position: relative;
    left: calc(-200% + 20px);
    min-width: calc(200% - 32px);
    margin-top:-74px;
    height: 60px;
}

#content > div > div:nth-child(2) > section:nth-child(1),
#content > div > div:nth-child(3) > section:nth-child(2) {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.content-item .content-authors {
    display:none !important;   
}

.content-item .content-meta {
    margin-top:2px;
}

.content-item {
    margin:0 5px 10px;   
    flex: 1 1 300px;
}

.content-item.has-reactions .content-meta {
    padding-left:0px !important;
}

.content-item .content-reactions {
    transform:scale(0.8);
    left:-24px;
    bottom:-2px;
}

.btn.btn-grey {
    padding:0 10px;   
}

Édité par A-312

AVION // 🐺 // 💡 // L’hiver vient

+1 -0

Question un peu hors sujet: sur ta première image, tu as mis derniers messages
Personnellement, cette rubrique me manque (j’aimerai donc l’avoir)
C’est possible ou c’était juste sur la maquette?

Édité par Angelo

+0 -0
Auteur du sujet

Question un peu hors sujet: sur ta première image, tu as mis derniers messages
Personnellement, cette rubrique me manque (j’aimerai donc l’avoir)
C’est possible ou c’était juste sur la maquette?

Angelo

Je ne fais que du front end (bien que je pourrais faire une exception ici, cette évolution est facile à intégrer). Il faudrait que quelqu’un prenne l’initiative mais oui c’est possible à intégrer.

AVION // 🐺 // 💡 // L’hiver vient

+0 -0

il me semble qu’on l’avait il y a quelques temps
Si cela a été enlevé, c’est surement que la communauté n’en voyait pas l’utilité
Ta maquette me laissait penser qu’il y avait un moyen simple (donc sans changement de code du site) pour voir apparaitre cette section
Tant pis pour moi :)

Édité par Angelo

+0 -0
Auteur du sujet

Si cela a été enlevé, c’est surement que la communauté n’en voyait pas l’utilité

Angelo

Le fonctionnement n’est plus comme les ZEP, disons que ça a été tacitement accepté par l’ensemble de la communauté.

AVION // 🐺 // 💡 // L’hiver vient

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte