Contenu | Rechercher | Menus

Annonce

La nouvelle clé USB Ubuntu-fr est en prévente
Rendez-vous sur la boutique En Vente Libre

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#226 Le 12/03/2019, à 08:25

Toulibre

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

Pour l'écriture je ne sais pas quoi te dire à part :
2019-03-12-07-23-56-395047-Sans-titre.png
Les visuels sont grossiers effectivement smile


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#227 Le 12/03/2019, à 10:51

nam1962

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

Ubuntu est un google font, pour le servir correctement (et sans requêtes qui alourdissent), le mieux est de le stocker localement (pas trop compliqué) https://stackoverflow.com/posts/13197808/revisions
Sous WordPress j'utilise l'extension self hosted google fonts pour çà.


Almanet doLys de l'open source : mon tuto pour optimiser / finaliser une install
Xubuntu devel - Manjaro unstable - OpenSUSE tumbleweed (GeckoLinux) -Debian Testing - Et vous ?
57 convertis  IRL (n'ont pas eu le choix...).
Un jeune site que j'aime bien, le top du T-shirt homme ...bio et éthique en plus : https://goudronblanc.com

Hors ligne

#228 Le 12/03/2019, à 12:17

L'Africain

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

Oui toutlibre ce plus la font Ubuntu, je confirme, tu as modifié un truc avant c'était bien du Ubuntu.


Ubuntu-Unity 18.04 LDLC (clevo) X/Lubuntu-Mate
"Donne à celui qui te demande…" Mt 5,42

Hors ligne

#229 Le 12/03/2019, à 14:47

Toulibre

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

Le dossier "fonts" du site:
2019-03-12-13-39-50-956813-Sans-titre.png

Puis inclut 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;

	}

"FontAwesome" est uniquement utilisé pour les icônes , flêches , etc , pas pour les caractères et aucun lien Google


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#230 Le 12/03/2019, à 15:16

L'Africain

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

Ah je peux pas t'aider! Mais je te garantie que c'est pas du ubuntu qui s'affiche ou bien un ubuntu bizarre hmm
Edit: C'est pas le Ubutu-R le problème? Essaye un peu avec un autre.

Dernière modification par L'Africain (Le 12/03/2019, à 15:17)


Ubuntu-Unity 18.04 LDLC (clevo) X/Lubuntu-Mate
"Donne à celui qui te demande…" Mt 5,42

Hors ligne

#231 Le 12/03/2019, à 15:24

Toulibre

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

Montre moi un truc du genre ce que j'ai posté ce matin qui confirme , tiens je le remets , entouré d'un rectangle rouge .

2019-03-12-14-23-49-196194-Sans-titre.png


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#232 Le 12/03/2019, à 16:08

L'Africain

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

Ah oui je pense que c'est pas monospace qu'il faut utiliser mais un autre Ubuntu.


Ubuntu-Unity 18.04 LDLC (clevo) X/Lubuntu-Mate
"Donne à celui qui te demande…" Mt 5,42

Hors ligne

#233 Le 12/03/2019, à 17:06

krodelabestiole

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

pour les font-face mieux vaut utiliser seulement du woff et woff2 : https://caniuse.com/#search=woff
voir seulement du woff2 si on se fiche de la compatibilité internet explorer

et éviter ttf, otf, svg et autres formats non compressés, et eot qui ne concernait que internet explorer

En ligne

#234 Le 12/03/2019, à 17:48

Toulibre

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

Ah merci Krodelabestiole , je ne suis pas un spécialiste des fonts , je vois ça dès que possible .
J'ai enfin trouvé pour le menu burger , les données étaient carrément absentes du CSS pour les plus grands écrans .
Et d'autres améliorations ..


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#235 Le 12/03/2019, à 18:27

Toulibre

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

Pour ceux qui souhaitent installer en local (ben moi smile )

https://github.com/earaujoassis/ubuntu- … ster/fonts


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#236 Le 13/03/2019, à 02:24

Coeur Noir

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

On a un mix, les titres sont bien en ubuntu-condensed, mais pas les paragraphes qui eux prennent la police par défaut du navigateur ( DejaVu serif chez moi )
Ça s'explique sans doute là dans la css :
accueil-css-p-h.png
Dans h une font est définie, pas dans p.

Puisqu'un temps toute ta page présentait bien une ( ou des ) font⋅s ubuntu, je suspecte une carabistouille dans le nom de la police, peut-être, car à vue de nez ta page n'a jamais affiché du "Ubuntu Monospace" ( exemple ).
Ou un problème de lien vers la font « en ligne » - qu'on n'a pas vu avant car on a tous sur nos pc la font-family Ubuntu disponible « localement ».

https://fonts.google.com/specimen/Ubuntu+Mono?selection.family=Ubuntu+Mono a écrit :

Embed Font

To embed your selected fonts into a webpage, copy this code into the <head> of your HTML document.
STANDARD

<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">

@IMPORT

<style>
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

    font-family: 'Ubuntu Mono', monospace;

For examples of how fonts can be added to webpages, see the getting started guide.

Dernière modification par Coeur Noir (Le 13/03/2019, à 03:01)

Hors ligne

#237 Le 13/03/2019, à 08:14

Toulibre

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

Bonjour , c'est vrai avant tout était en "Ubuntu" simplement , tu probablement raison sur le nommage de la police , j'ai téléchargé tous les .woff et .woff2 , enlevé les .tff eot svg ,
supprimé les liens entre html et css à ce sujet .
Je vois pour le nommage correct ce soir .
Merci pour toutes les informations .


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#238 Le 13/03/2019, à 08:27

PPdM

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

J'aime bien la dernière version que tu as faite

Hors ligne

#239 Le 13/03/2019, à 11:39

Toulibre

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

Merci PPdM ,

il s'est mit à pleuvoir , retour à la maison ( article 22 ; "Tu ne travailleras point en extérieur lors de pluie , spécialement si celle ci est constituée d'eau mouillée" )

La nouvelle version à jour pour les fonts Ubuntu


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#240 Le 13/03/2019, à 13:36

Toulibre

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

Le menu de gauche est devenu trop large en version smartphone , je galère un peu pour le réduire .


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#241 Le 13/03/2019, à 13:59

nam1962

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

...l'eau mouillée est un vrai souci pour la planète !
Surtout quand on sait ce que les soucis sont....


Almanet doLys de l'open source : mon tuto pour optimiser / finaliser une install
Xubuntu devel - Manjaro unstable - OpenSUSE tumbleweed (GeckoLinux) -Debian Testing - Et vous ?
57 convertis  IRL (n'ont pas eu le choix...).
Un jeune site que j'aime bien, le top du T-shirt homme ...bio et éthique en plus : https://goudronblanc.com

Hors ligne

#242 Le 13/03/2019, à 15:41

Toulibre

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

Tant que les soucis sont secs tout va bien ,

#Taille du menu de gauche en résolution smartphone fixée .
#Alignement de Bienvenue avec le menu burger .

Ça prend tournure


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#243 Le 13/03/2019, à 17:39

L'Africain

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

Félicitations! Au fait le violet d'avant quand on passait la souris sur certains lien tu l'as enlever volontairement? Parce que c'était super joli smile


Ubuntu-Unity 18.04 LDLC (clevo) X/Lubuntu-Mate
"Donne à celui qui te demande…" Mt 5,42

Hors ligne

#244 Le 13/03/2019, à 17:43

Toulibre

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

Oui pas de violet ,  ni de lien Google (créé une faille de sécurité)
Merci !


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#245 Le 13/03/2019, à 20:19

fabux

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

Salut,

my 2 cents en passant
Sur pc à améliorer (mes gouts et couleurs...) :
- Agrandir le burger. Il fait un poil petit.
- Je trouve le titre trop proche du Burger. Peut-être décaler un peu le bienvenue de celui-ci genre un ou deux espaces avant (ex tricher avec  "espaceespaceBienvenue" big_smile )
- C'est une impression où les sections du menu sont moins aérées ? J'aimais mieux avant.
- Je ne sais pas quelle police c'est pour l'ensemble de la pres' mais possible de passer à une ou deux tailles au dessus ou moins gras ?
- centrer l'image

Par contre :
- bien les couleurs du burger
- nickel l'alignement burger / En-tête / rézo sociaux
- bien vu le fr et party
smile smile smile

Sur smartphone :
à part cette histoire de taille de section dans le menu et la police (sensation de gras et taille) c'est nickel. Peut-être juste ajouter un peu de transparence au noir du burger.

Beau boulot encore et toujours

Hors ligne

#246 Le 13/03/2019, à 21:04

Coeur Noir

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

La police des paragraphes ne devrait pas être en gras, effectivement.

Est-ce que c'est possible de changer le scrolling ?
Je trouve ça curieux que menu + page scrollent en même temps, tout de suite…
Ce serait plus « logique » que le menu ne scrolle que quand on arrive vers la fin ou milieu du corps de la page afin que le haut du menu ( avec les liens les plus utiles, les sections ) reste plus longtemps accessible.

Et oui c'était plus aéré dans cette partie avant.

Je crois que ça a déjà été évoqué mais les textes de présentation des autres saveurs seront à revoir : tels quels ils sont redondants et plus ou moins longs selon les saveurs. Il faudrait que chaque présentation ait à peu près la même « taille » et mette en avant ce qui les distingue : l'environnement graphique, le public, usages et machines ciblés…

Hors ligne

#247 Le 13/03/2019, à 21:31

fabux

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

Pour le scrolling j'ai le même résultat si je descend à 90% de zoom tu as essayé de zoomer ?
Mais de toute façon oui il faudrait figer le menu en scrollable tout le temps et dissocié de la page en elle même. Et ce quelque soit le niveau de zoom et le lieu de lecture dans la page (c'est facile ce que je dis hein ? :-) )

Pour les textes de présentations, si ça se trouve c'est ce qu'il y a dans la doc. Je n'ai pas vérifié.
Mais tu as raison Coeur Noir sur la longueur et l'homogénéisation des paragraphes même si à mon avis ça peut-être fait à la fin.

edit : en fait c'est plus succint dans la doc sur les variantes lol

Dernière modification par fabux (Le 13/03/2019, à 21:33)

Hors ligne

#248 Le 13/03/2019, à 22:07

Toulibre

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

Pour (espace-espace Bienvenue) ça fonctionne pas , c'est text-align:center qu'il faut ajouter au CSS pour le h1 , puis du coup le texte se trouve au centre en version smartphone donc à cette dimension il faut ajouter au h1 text-align:left .
Le burger est plus gros version pc , les sections plus aérées et les écritures moins grasses .
Commence à connaître l'affaire , pas vu encore pour le scrolling et la transparence du burger .
Pour les textes des variantes certaines sont plus complètes et d'autres plus légères et plus simples ceci explique cela , avez vous des textes à proposer ?
Pas mal non ?

Edit: La couleur noire du burger est en transparence , on peut voir le zozio derrière une fois déplié , trop transparent devient gris

Dernière modification par Toulibre (Le 13/03/2019, à 22:36)


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#249 Le 14/03/2019, à 14:45

Toulibre

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

Pas de nouvelles ..
L'Actuel:
2019-03-14-13-43-38-360787-Screenshot-2019-03-14-Ubuntu-fr-Communauty-francophone-d-utilisateurs-d-Ubuntu.png
Celui-ci + responsive:
2019-03-14-13-43-38-275137-Screenshot-2019-03-14-Ubuntu-fr-org.png


Temps Libre  -  Mate-18.04 LTSCréation Css-html5 - Discourse-ubuntu-fr - Projet accueil ubuntu-fr-Test

Hors ligne

#250 Le 14/03/2019, à 15:04

lynn

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

Sur pc, le menu sandwich se voit difficilement sur la couleur claire de la page principale.

Pour le reste, c'est très bien; Une vraie page d'accueil accueillante. smile


«C'est pas parce qu'ils sont nombreux à avoir tort qu'ils ont raison!»

Coluche

Hors ligne