refonte du site / nouveau design

abecidofugy · Le 07/01/2021, à 02:11

Les images en webP, je pense qu’on peut y recourir à présent : https://caniuse.com/?search=webP

En tous les cas, je vais le faire pour ma prochaine refonte.

krodelabestiole · Le 07/01/2021, à 02:52

abecidofugy a écrit :

Les images en webP, je pense qu’on peut y recourir à présent : https://caniuse.com/?search=webP

oui, à part pour safari (compatible seulement Mac OS 11, qui est encore minoritaire), mais il y a toujours moyen de mettre des fallbacks.

là le problème c'est plutôt la compatibilité hugo : https://github.com/gohugoio/hugo/issues/5924

moko138 · Le 07/01/2021, à 04:25

webP, attention :
Voulez-vous rester accessible aux utilisateurs d'ordinosaures ?

Chez moi, cette image .webp de test https://upload.wikimedia.org/wikipedia/ … ion_2.webp
est illisible par :
display (d'ImageMagick 6.7.7-10)
eog / eye-of-gnome 3.10.2
feh 2.9.3
geeqie 1.1-8
gimp 2.8.10

abecidofugy · Le 07/01/2021, à 04:28

@moko138 : on ne surfe pas avec Gimp

D’ailleurs, GIMP (2.10.22), ouvre et enregistrer les webP. Krita également.

bruno · Le 07/01/2021, à 09:26

J'ai mis un premier jet avec le strict nécessaire :
https://bimestriel.framapad.org/p/ufr-mentions?lang=fr (mentions légales)

J'en profite pour faire trois suggestions :
- avoir une couleur pour les titres qui soit différente de celle des élément interactifs, orange actuellement ;
- je n'aime pas trop la barre de défilement dans la colonne de droite. Je trouve cela peu ergonomique que ce soit en tactile ou à la souris ;
- et avoir un pied de page qui occupe toute la largeur de <main>

Dernière modification par bruno (Le 07/01/2021, à 10:06)

geole · Le 07/01/2021, à 09:36

Bonjour.

L'utilisateur d'un fond en couleurs pour mettre en évidence la totalité des phrases me semble excessif.

moko138 · Le 07/01/2021, à 10:11

abecidofugy a écrit :

@moko138 : on ne surfe pas avec Gimp
D’ailleurs, GIMP (2.10.22), ouvre et enregistrer les webP. Krita également.

Sur un ordinosaure ?

kookie68 · Le 07/01/2021, à 10:15

geole a écrit :

Bonjour.
L'utilisateur d'un fond en couleurs pour mettre en évidence la totalité des phrases me semble excessif.

Je plussoie

krodelabestiole · Le 07/01/2021, à 10:57

moko138 a écrit :

Sur un ordinosaure ?

ordinausore ou pas, le site sera compatible avec un navigateur à jour.
...et pas avec internet explorer.

construire un site ergonomique en HTML4, CSS2 et JS ES4, comme on faisait en 2005 c'est 3 fois plus de boulot (vraiment 3x), ça nécessite de passer par de mauvaises pratiques, ça alourdit l'ensemble du site, et ça ne permet simplement pas de faire certaines choses, alors qu'utiliser un navigateur obsolète expose à des problèmes de sécurité.

là faudrait surtout que je teste sur safari, mais j'ai pas de mac sous la main.

krodelabestiole · Le 07/01/2021, à 10:57

kookie68 a écrit :

geole a écrit :
Bonjour.
L'utilisateur d'un fond en couleurs pour mettre en évidence la totalité des phrases me semble excessif.
Je plussoie

vous parlez de quoi ?

krodelabestiole · Le 07/01/2021, à 11:03

... je crois voir, si vous parlez de framapad c'est un outil d'édition de texte collaboratif, ça a rien à voir avec le design du site, hein !
(et le fond coloré sert simplement à voir quel utilisateur édite ou a édité quoi)

Dernière modification par krodelabestiole (Le 07/01/2021, à 11:04)

Christophe C · Le 07/01/2021, à 12:22

j'aime beaucoup .

Ensuite j'attend de voir à quoi va ressembler la partie forum, c'est celle que j'utilise le plus, comme beaucoup.

geole · Le 07/01/2021, à 12:53

krodelabestiole a écrit :

[
là faudrait surtout que je teste sur safari, mais j'ai pas de mac sous la main.

Bonjour
Ma remarque sur la couleur jaune agressive était basée sur l'affichage dans un iPAD utilisant safari

krodelabestiole · Le 07/01/2021, à 12:54

geole a écrit :

Ma remarque sur la couleur jaune agressive était basée sur l'affichage dans un iPAD utilisant safari

l'affichage de quelle page ?

ares · Le 07/01/2021, à 13:14

krodelabestiole a écrit :

moko138 a écrit :
Sur un ordinosaure ?
ordinausore ou pas, le site sera compatible avec un navigateur à jour.
...et pas avec internet explorer.
(...)

SVP !
Je vis au présent pas dans « l'ancien monde ».
Est-ce que le site est conforme aux nomes W3C ?
Est-ce que le site est prévu pour être « accessible » ou « s'afficher » sur un smartphone ?

Alors si IE ne fonctionne pas je m'en fous, on vit en 2021
Si safari d'ios ne fonctionne pas je m'en fous, on vit en 2021 (<10% du trafic "Ouaibe")
Pour info, plus de 50% du trafic Web se fait depuis un smartphone.

Flash est mort ! C'est une très bonne chose en ce début 2021. Enfin une bonne nouvelle !

Ubuntu, c'est l'occasion pour l'ordinausore de se mettre a la page.

Le seul truc que j'espère, c'est que cette mise à jour ou refonte du site soit accessible pour tous y compris ceux présentant un handicap.

Merci, pour cette refonte du site.
Pour le « cosmétique », chacun ses goûts & couleurs... perso j'aime pas trop.
Mais je suis pas la « majorité » et tous me convient

Dernière modification par ares (Le 07/01/2021, à 13:16)

geole · Le 07/01/2021, à 13:17

Celle indiquée dans cet échange https://forum.ubuntu-fr.org/viewtopic.p … #p22398378
donc https://bimestriel.framapad.org/p/ufr-mentions?lang=fr

Mais il y a du avoir un changement car le jaune est devenu suffisamment pâle pour ne plus être agressif. C'était un jaune couleur "bouton d'or". C'est maintenant sans remarque particulière de ma part

Dernière modification par geole (Le 07/01/2021, à 13:31)

bruno · Le 07/01/2021, à 13:40

@geole, relis #36 !
C'est juste un outil de travail collaboratif pour rédiger les pages « à propos » et « mention légales ».

krodelabestiole · Le 07/01/2021, à 15:05

geole a écrit :

Celle indiquée dans cet échange https://forum.ubuntu-fr.org/viewtopic.p … #p22398378

l'état en cours de la refonte du site est visible ici : https://ubuntu-fr.gitlab.io/code/ufr-cms/

la documentation est fonctionnelle (avec seulement 3 pages : l'accueil, page_test et wordpress)

de mon point de vue on est assez proche d'une mise en prod.

bruno · Le 07/01/2021, à 15:42

Pour https://bimestriel.framapad.org/p/ufr-apropos?lang=fr
j'ai repris le contenu actuel des pages association et contribuer. Je ne vois pas comment faire des liens sur Framapad…

geole · Le 07/01/2021, à 15:49

Accueil de jour début suite

Accueil de nuit début suite

Documentation de jour et de nuit

Désolé, je n'ai pas su trouver "page_test et wordpress"

krodelabestiole · Le 07/01/2021, à 15:52

ares a écrit :

SVP !
Je vis au présent pas dans « l'ancien monde ».
Est-ce que le site est conforme aux nomes W3C ?
Est-ce que le site est prévu pour être « accessible » ou « s'afficher » sur un smartphone ?

évidemment, le but est avant tout de rendre le site responsive (donc adapté aussi aux appareils mobiles), et au passage accessible etc. (voir #25, ce sont de très bons scores).

concernant les ordinosaures, le tout est de trouver un navigateur léger qui implémente les nouvelles versions des nomenclatures web.
il est de toute façon très dangereux et généralement peu fonctionnel de naviguer avec un navigateur périmé.
ordinosaure ne doit pas être synonyme de système vétuste, sans ça on ne le connecte pas à internet...

de mon côté j'ai utilisé les dernières technos sans vergogne à partir du moment où elles étaient dispos sur l'ensemble des navigateurs récents, avec toujours des fallbacks quand elles ne sont pas dispos partout.

on pourrait éventuellement songer à ajouter un truc comme ça :
https://github.com/outdatedbrowser/outdated-browser
(un bandeau qui alerte en cas de navigateur pas à jour et invite à le mettre à jour)

mais de mon point de vue c'est relativement inutile et ça va alourdir l'accueil pour pas grand chose.

krodelabestiole · Le 07/01/2021, à 15:54

bruno a écrit :

Je ne vois pas comment faire des liens sur Framapad…

tu peux les écrire en markdown, ce sera du markdown au final.
https://blog.shevarezo.fr/post/2015/02/ … e-markdown

[Texte du lien](http://www.google.fr "Texte pour le titre, facultatif")

krodelabestiole · Le 07/01/2021, à 15:56

geole a écrit :

Accueil de jour début

ah merci beaucoup !
apparemment il y a des problèmes dans la "suite" de l'accueil...

geole a écrit :

Désolé, je n'ai pas su trouver "page_test et wordpress"

dans documentation il faut afficher la barre latérale (avec le bouton en haut à droite) et taper p dans le champs de recherche.

Dernière modification par krodelabestiole (Le 07/01/2021, à 15:57)

bruno · Le 07/01/2021, à 16:00

Mouais, pas très pratique. Je regarde cela demain. Je pense exporter en Markdown pour travailler dans mon éditeur de code favori et renvoyer sur Framapad pour relectures et approbation.

Tiens il y a un traceur potentiel dans la page https://ubuntu-fr.gitlab.io/code/ufr-cms/ : cdnjs.cloudflare.com. Apparement des Javascript et CSS qui ne semblent pas utilisés.

Dernière modification par bruno (Le 07/01/2021, à 16:05)

krodelabestiole · Le 07/01/2021, à 17:05

c'est photoswipe (visionneuse pour les screenshots), je peux éventuellement l'intégrer sur le dépôt, faut que je voie comment l'intégrer sans le versionner.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#26 Le 07/01/2021, à 02:11

Re : refonte du site / nouveau design

#27 Le 07/01/2021, à 02:52

Re : refonte du site / nouveau design

#28 Le 07/01/2021, à 04:25

Re : refonte du site / nouveau design

#29 Le 07/01/2021, à 04:28

Re : refonte du site / nouveau design

#30 Le 07/01/2021, à 09:26

Re : refonte du site / nouveau design

#31 Le 07/01/2021, à 09:36

Re : refonte du site / nouveau design

#32 Le 07/01/2021, à 10:11

Re : refonte du site / nouveau design

#33 Le 07/01/2021, à 10:15

Re : refonte du site / nouveau design

#34 Le 07/01/2021, à 10:57

Re : refonte du site / nouveau design

#35 Le 07/01/2021, à 10:57

Re : refonte du site / nouveau design

#36 Le 07/01/2021, à 11:03

Re : refonte du site / nouveau design

#37 Le 07/01/2021, à 12:22

Re : refonte du site / nouveau design

#38 Le 07/01/2021, à 12:53

Re : refonte du site / nouveau design

#39 Le 07/01/2021, à 12:54

Re : refonte du site / nouveau design

#40 Le 07/01/2021, à 13:14

Re : refonte du site / nouveau design

#41 Le 07/01/2021, à 13:17

Re : refonte du site / nouveau design

#42 Le 07/01/2021, à 13:40

Re : refonte du site / nouveau design

#43 Le 07/01/2021, à 15:05

Re : refonte du site / nouveau design

#44 Le 07/01/2021, à 15:42

Re : refonte du site / nouveau design

#45 Le 07/01/2021, à 15:49

Re : refonte du site / nouveau design

#46 Le 07/01/2021, à 15:52

Re : refonte du site / nouveau design

#47 Le 07/01/2021, à 15:54

Re : refonte du site / nouveau design

#48 Le 07/01/2021, à 15:56

Re : refonte du site / nouveau design

#49 Le 07/01/2021, à 16:00

Re : refonte du site / nouveau design

#50 Le 07/01/2021, à 17:05

Re : refonte du site / nouveau design

Pied de page des forums