Proposition de refonte de la page d'accueil ubuntu-fr.org

Toulibre · Le 27/02/2019, à 14:55

En y regardant de plus près les bases d'un tel projet semblent déjà très restrictives ce qui est étonnant pour un monde se disant tourner autour du libre .
Malgré une demande qui paraît présente , il est probable que je ramasse une savate avant même d'essayer , quoique , je peux toujours essayer et me ramasser une savate après .

Toulibre · Le 27/02/2019, à 17:22

Aujourd'hui j'ai bataillé avec la police , d'Ubuntu , et un icône original , puis mettre du texte à droite de cet icône .
Pas encore de mise en page , par contre plus gras ça va prendre du relief pour devenir du Braille .

Ubuntu-fr-page-accueil-test

Edit : Nam , j'ai l'impression que ça passe mieux en responsive , pas sûr , tu es meilleur testeur

Dernière modification par Toulibre (Le 27/02/2019, à 18:19)

frenchy82 · Le 27/02/2019, à 18:47

Sur une tablette 7 pouces et au delà de l'ergonomie c'est beaucoup plus utilisable ! Vraiment sympa.

Je trouve personnellement l'ergonomie générale très cohérente.

Je sais que c'est encore du testet si je pouvais me permettre, mais là partie recherche est bien plus intéressante en haut de page que ce qui est proposé.

nam1962 · Le 27/02/2019, à 19:01

C'est toujours en vrac entre 480 et 660 Le mieux est dans main.css de mettre :

@media screen and (max-width: 660px)

Ligne 1451 je crois

Toulibre · Le 27/02/2019, à 19:39

@frenchy82 , merci , tu peux te permettre sinon on va pas avancer , la barre de recherche effectivement est en bas pour le moment , je l'ai "mise de côté" provisoirement mais elle devrait au final se trouver en haut à droite .

@Nam , c'est fait , passé à la ligne 1451 de 480 à 660

Edit : diminution de certains icônes sur les conseils de krodelabestiole , le ré-agencement du menu sur la gauche serait apprécié afin de laisser une visibilité à droite pour l'article d'introduction par exemple , ou centré .

Dernière modification par Toulibre (Le 27/02/2019, à 19:51)

PPdM · Le 27/02/2019, à 19:57

Sur mon smartphone(6.2") c'est nickel, mieux que sur mon portable le fond est plus sombre donc les caractères plus lisibles.

nam1962 · Le 27/02/2019, à 20:52

Toulibre a écrit :

(...)
@Nam , c'est fait , passé à la ligne 1451 de 480 à 660

Il y a une autre couille à corriger, je regarde. (probablement une autre ligne à passer de 480 à 660)

Toulibre · Le 27/02/2019, à 21:05

il y avait 7 lignes en tout

@media screen and (max-width: 480px)

que je viens de passer en

@media screen and (max-width: 660px)

J'espère que ça va pas foirer sur une autre résolution

Edit :Bah et voilà ... ça passe pas sur Nokia 8110

Dernière modification par Toulibre (Le 27/02/2019, à 21:22)

Toulibre · Le 27/02/2019, à 21:41

Quelqu'un aurait il un conseil pour virer les lignes horizontales et verticales blanches ?
Enlever ces cadres qui s'ajoutent automatiquement que je puisse les ajouter individuellement au cas par cas ? C'est possible ?
Les textes sur smartphone ne vont pas jusqu'au bout à cause de cela je pense

Edit : Pardon PPdM , ravi que cela soit plus lisible , qu'en est il pour Michel_04 ?
Lynn .. Merci

Dernière modification par Toulibre (Le 28/02/2019, à 00:12)

Coeur Noir · Le 28/02/2019, à 01:43

La hauteur des « cases » ne suit pas le texte qu'elles encadrent, le texte est chassé en dessous :

On a Ubuntu et Boutique en dehors, dessous des cases. On a l'impression d'avoir une case « commencer là » ou « Ubuntu revendeurs pc ».

michel_04 · Le 28/02/2019, à 09:59

Bonjour,

Toulibre a écrit :

Edit : Pardon PPdM , ravi que cela soit plus lisible , qu'en est il pour Michel_04 ?

C'est ok pour moi. Merci.

A+

Toulibre · Le 28/02/2019, à 10:01

@Coeur Noir , comprends pas , j'ai mis la page du navigateur (firefox) dans tous les sens , je n'obtiens pas ton résultat .
En fait tout passe nickel

Super Michel_04 !!!

Dernière modification par Toulibre (Le 28/02/2019, à 10:02)

nam1962 · Le 28/02/2019, à 10:09

Ce coup là, ça colle côté responsive et lisibilité

Toulibre · Le 28/02/2019, à 15:02

@Nam , nickel merci pour les conseils

Barre de recherche à améliorer , précision , il est impossible de la mettre à gauche ou à droite sans que cela affecte le rendu , c'est très centré le responsive ...

Ubuntu-fr-page-accueil-test

Coeur Noir · Le 28/02/2019, à 15:45

Bah idem sous 18.04 budgie :

…ici la fenêtre FF fait 753 px de large, la chromium 758px, la hauteur n'a pas d'influence.

Dernière modification par Coeur Noir (Le 28/02/2019, à 15:56)

Toulibre · Le 28/02/2019, à 16:21

@Coeur Noir , semble que tu as un souci de rendu avec ton navigateur , chez moi c'est impeccable à toutes les dimensions , 18.04 Bug Budgie ?

krodelabestiole · Le 28/02/2019, à 16:25

chez moi c'est pareil que chez coeur noir.

vous utilisez peut-être pas la même typo... tu l'as inclue en font-face ?

Toulibre · Le 28/02/2019, à 16:38

Ah..? oui , dans le CSS comme ceci :

/* Ubuntu Fonts */

@font-face {
	    font-family: 'ubuntu-r-webfont';
	    src: url('fonts/ubuntu-r-webfont.eot');
	    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/ubuntu-r-webfont.woff') format('woff'),
	         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),
	         url('fonts/ubuntu-r-webfont.svg#Ubuntu-r') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

Puis dans le HTML :

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Ubuntu" />

J'ai également les fichiers dans le dossier "fonts"

Dois-je y inclure d'autres polices ?

Dernière modification par Toulibre (Le 28/02/2019, à 16:38)

Coeur Noir · Le 28/02/2019, à 17:36

Qu'est-ce qui définit la taille et position des cases dans ta page ?

Idéalement il faudrait d'abord bien placer les éléments de texte ( selon la taille de fenêtre ) puis dessiner les cases en fonction du bon placement du texte.

Là j'ai l'impression que ça dessine les cases uniquement en fonction de la taille de fenêtre, en dépit de leur contenu.

Bug ? puisqu'on voit le souci sous FF, Chromium, 18.04 ( budgie et défaut gnomeuse ) et 16.04 y a de grandes chances que ce soit dans le code de la page ?

Et c'est bien la font Ubuntu qu'on voit sur mes captures écran, donc probablement pas l'origine du pépin.

Dernière modification par Coeur Noir (Le 28/02/2019, à 17:46)

Toulibre · Le 28/02/2019, à 18:23

Lorsque Nam1962 a évoqué le souci sur certains dimensionnements c'était flagrant chez moi aussi , je n'en doute pas d'après la capture d'écran que tu as posté mais ça va être coton de travailler en aveugle...
Le template à la base est censé fonctionnel .. , vais voir ce que je peux faire dès que j'attaquerais la mise en page , j'ai très peu modifié les attributs du CSS donc je devrais me souvenir de ce que j'y ai fait

Dernière modification par Toulibre (Le 28/02/2019, à 18:23)

xubu1957 · Le 28/02/2019, à 18:29

Bonjour,

Rien d'utile dans les travaux de bishop > Évolution du forum ? ?

Toulibre · Le 28/02/2019, à 20:07

Bonsoir xubu ,

probablement , je n'ai pas tout parcouru , le rendu de la doc est ok , si j'ai voulu m'attaquer à la page d'Accueil c'est parce qu'à mon niveau c'est mieux pour apprendre en essayant de la faire ..(alalalala je regrette un poil webacapella sous MS) ... même s'il ça ne voit jamais le jour ...
Installer Stylish et le reste ne va pas m'aider en cette période d'apprentissage sur mes quelques petits fichiers

Je viens par curiosité d'enlever pas mal de protections du htaccess au cas ou il y ai un blocage de rendu , est ce toujours pareil @Coeur Noir @Krodelabestiole ?

Coeur Noir · Le 28/02/2019, à 20:59

Toujours pareil… (gif)

Toulibre · Le 28/02/2019, à 21:12

Je n'avais pas prêté attention qu'en regardant plus longtemps ce que tu as posté le rendu bougeait , comme pour essayer de se redimensionner sans y parvenir .
Intéressant et surprenant , je vais revoir le CSS

Coeur Noir · Le 28/02/2019, à 22:14

D'où entre parenthèses : gif → pour prévenir que c'était pô une image fixe !
C'est une capture d'écran où je redimensionne lentement la fenêtre du navigateur.
C'est autour de 677 / 674 px de large que ça déconne, à vue de nez.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#26 Le 27/02/2019, à 14:55

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#27 Le 27/02/2019, à 17:22

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#28 Le 27/02/2019, à 18:47

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#29 Le 27/02/2019, à 19:01

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#30 Le 27/02/2019, à 19:39

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#31 Le 27/02/2019, à 19:57

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#32 Le 27/02/2019, à 20:52

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#33 Le 27/02/2019, à 21:05

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#34 Le 27/02/2019, à 21:41

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#35 Le 28/02/2019, à 01:43

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#36 Le 28/02/2019, à 09:59

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#37 Le 28/02/2019, à 10:01

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#38 Le 28/02/2019, à 10:09

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#39 Le 28/02/2019, à 15:02

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#40 Le 28/02/2019, à 15:45

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#41 Le 28/02/2019, à 16:21

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#42 Le 28/02/2019, à 16:25

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#43 Le 28/02/2019, à 16:38

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#44 Le 28/02/2019, à 17:36

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#45 Le 28/02/2019, à 18:23

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#46 Le 28/02/2019, à 18:29

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#47 Le 28/02/2019, à 20:07

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#48 Le 28/02/2019, à 20:59

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#49 Le 28/02/2019, à 21:12

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#50 Le 28/02/2019, à 22:14

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Pied de page des forums