Derniers messages
Dernier message par alcyone - 12 Mai 2022 à 08:53:11
Cliquez pour afficher le message
Suite :
Spoiler for Hiden:
Dernier message par Lyne - 11 Mai 2022 à 22:50:05
Cliquez pour afficher le message
Réponses et images en vrac dans ce log de la conversation du 11 mai 2022
Spoiler for Hiden:
Dernier message par Zatalyz - 11 Mai 2022 à 08:59:26
Cliquez pour afficher le message
Je lance le sujet ici pour garder des traces, on va aussi en parler sur le canal Khanat (j'espère). Visuellement, à quoi ressemble la Crypte d'après vous ? Quels sont les inspirations ?
Si vous trouvez des images pour montrer certaines idées, c'est chouette ; des descriptions aussi précises que possibles sont bien aussi
Si vous trouvez des images pour montrer certaines idées, c'est chouette ; des descriptions aussi précises que possibles sont bien aussi

Dernier message par Zatalyz - 06 Février 2019 à 09:12:56
Cliquez pour afficher le message
Les images de la dernière version sont sur http://kloud.khaganat.net/index.php/s/aWdDmCkE7a3Ab5D (vous avez aussi les images sources et les svg).
Edit : le lien avait cassé.
Edit bis, la mise à jour de la palette, comme indiquée dans le svg "barre.svg" (où vous avez, en bonus, les couleurs) :
Code couleur Khaganat
Couleur 1 = 8530bfff
couleur 2 = 9073ffff
couleur 3 = 6639afff
couleur 4 = ffffffff
Couleur 5 = 2d1040ff
Code couleur Khanat
Couleur 6 = 100873ff
couleur 7 = 6359dbff
couleur 3 = 6639afff
couleur 4 = ffffffff
Couleur 5 = 2d1040ff
Et pour moi ces couleurs semblent passer en accessibilité, à condition de ne pas les utiliser n'importe comment (contraste suffisant).
Edit : le lien avait cassé.
Edit bis, la mise à jour de la palette, comme indiquée dans le svg "barre.svg" (où vous avez, en bonus, les couleurs) :
Code couleur Khaganat
Couleur 1 = 8530bfff
couleur 2 = 9073ffff
couleur 3 = 6639afff
couleur 4 = ffffffff
Couleur 5 = 2d1040ff
Code couleur Khanat
Couleur 6 = 100873ff
couleur 7 = 6359dbff
couleur 3 = 6639afff
couleur 4 = ffffffff
Couleur 5 = 2d1040ff
Et pour moi ces couleurs semblent passer en accessibilité, à condition de ne pas les utiliser n'importe comment (contraste suffisant).
Dernier message par 0mbreVaporeuse - 19 Janvier 2019 à 11:47:09
Cliquez pour afficher le message
Attention a l'accessibilité avec les couleurs.
Faire un coup de lighthouse (module chromium) pour checker ça.
Il était question de l'ordre d'item dans le menu. Je pense que l'utilisation des grids doivent faire le taf.
Pensez a l'utilisation des variables css ça facilite le travail.
Faire un coup de lighthouse (module chromium) pour checker ça.
Il était question de l'ordre d'item dans le menu. Je pense que l'utilisation des grids doivent faire le taf.
Pensez a l'utilisation des variables css ça facilite le travail.
Dernier message par Zatalyz - 12 Janvier 2019 à 00:24:41
Cliquez pour afficher le message
Le Kloud est mis à jour avec la dernière palette. Il y a une proposition pour la barre de menu et le pied de page, ainsi que pour la page d'accueil, le tout décliné en trois format d'écran. Les images appelées sont dans le dossier, si jamais mes svg sont foireux. Ça semblait plaire à tout le monde ce soir sur XMPP, donc on part là dessus, et on affinera au fur et à mesure.
Si vous vous demandez comment faire des coins en biseau, je vous partage ce que j'ai fini par trouver. Ici, je l'avais appliqué à un pied de page ; il suffit d'y retourner pour le logo de la barre, et de décliner suivant ce qu'on veut obtenir. Il faut éviter d'avoir des éléments translucides, par contre, car on a des superpositions facilement et ça se voit. Je sais, c'est du code, mais ça me semble utile d'archiver ça publiquement pour les éons à venir. Ça utilise des propriétés CSS assez anciennes donc en principe bien supportées partout.
Si vous vous demandez comment faire des coins en biseau, je vous partage ce que j'ai fini par trouver. Ici, je l'avais appliqué à un pied de page ; il suffit d'y retourner pour le logo de la barre, et de décliner suivant ce qu'on veut obtenir. Il faut éviter d'avoir des éléments translucides, par contre, car on a des superpositions facilement et ça se voit. Je sais, c'est du code, mais ça me semble utile d'archiver ça publiquement pour les éons à venir. Ça utilise des propriétés CSS assez anciennes donc en principe bien supportées partout.
Code Sélectionner
/* Footer */
.footer {
padding:0;
display:flex;
background-color: #918bdf;
width:50%;
margin: 0 auto;
}
.footer:before {
content:" ";
border-left: 2.5em solid transparent;
border-bottom: 2.5em solid #918bdf;
width:20%;
margin-left: -10%;
}
.footer:after {
content:" ";
border-right: 2.5em solid transparent;
border-bottom: 2.5em solid #918bdf;
width:20%;
margin-right: -10%;
}
.footer ul {
display: flex;
height:100%;
}
.footer ul li {
height:100%;
text-align: center;
flex-grow: 1;
}
.footer ul li a {
display: block;
padding:0.4em 0.5em;
color:white;
}
Dernier message par neodarz - 11 Janvier 2019 à 22:03:08
Cliquez pour afficher le message
Pour répondre au commentaire juste au-dessus, comme dit sur XMPP, je trouve que tous les côtés coupés ça fait trop. Un seul angle coupé je trouve ça pas trop chargé (cf mon commentaire précédent).
Je fais au passage une proposition des boutons pour le menu du haut qui est, à mon gout, plus proche de ma vision du thème... Ok après discussion rapide avec Zatalyz ce menu n'a plus lieu d'être, mais je laisse ça là comme source d'inspiration

Je fais au passage une proposition des boutons pour le menu du haut qui est, à mon gout, plus proche de ma vision du thème... Ok après discussion rapide avec Zatalyz ce menu n'a plus lieu d'être, mais je laisse ça là comme source d'inspiration


Dernier message par Zatalyz - 09 Janvier 2019 à 12:56:10
Cliquez pour afficher le message

Deux propositions de variantes sur l'habillage de ces vignettes. Si l'une vous semble avoir du potentiel, je peux faire une page avec.
Edit : j'aime bien la dernière proposition, j'ai donc fait une page avec :

Dernier message par 0mbreVaporeuse - 07 Janvier 2019 à 22:12:38
Cliquez pour afficher le message
Il faudrait penser a tester les couleurs une fois en place avec lighthouse (addon chromium) pour voir si niveau accessibilité c'est tout Ok
Dernier message par Zatalyz - 07 Janvier 2019 à 20:14:59
Cliquez pour afficher le message
Merci du repost, c'est effectivement une bonne idée. Je copie aussi les logs (un peu nettoyé) histoire de garder trace des idées et de vous éviter de vous répéter 
Dans les trucs à voir :
- Faire un fond un peu plus clair ? Le refaire proprement surtout, parce que là, j'ai fait ça de façon crade et donc le tour des étoiles" est très rose.
- Modifier le menu de connexion (ça, c'est aussi de la bidouille par rapport au menu lui-même), et donc réfléchir à son nom, comment il se présente, etc.
- Finaliser (ou trouver une meilleure idée) pour différencier Khanat de Khaganat en accueil / ce qui veut dire un 2e lot de couleurs sur Khanat

Spoiler for Hiden:
Spoiler for Hiden:
Dans les trucs à voir :
- Faire un fond un peu plus clair ? Le refaire proprement surtout, parce que là, j'ai fait ça de façon crade et donc le tour des étoiles" est très rose.
- Modifier le menu de connexion (ça, c'est aussi de la bidouille par rapport au menu lui-même), et donc réfléchir à son nom, comment il se présente, etc.
- Finaliser (ou trouver une meilleure idée) pour différencier Khanat de Khaganat en accueil / ce qui veut dire un 2e lot de couleurs sur Khanat


""
"



