Ce ne sont pas vos yeux, ce n’est pas votre moniteur, et ce n’est certainement pas Ubuntu: cela semble en effet un peu différent aujourd’hui.

Certes, ce n’est rien de majeur, mais le site a subi une fois de plus. Nous avons remanié notre CSS, ajouté de nouvelles fonctionnalités (et des fonctionnalités secrètes), et finalement abandonné cette tête de mât mauve sombre – pourquoi ne m’as-tu pas dit que ça avait l’air terrible plus tôt?! 😅

Je n’annonce normalement pas les changements de conception du site. En fait, la dernière fois que nous l’avons fait, c’était en 2010!

Je n’utilise pas non plus le «nous» royal. Je peux faire la majeure partie de l’écriture / de la faute de frappe ici, mais je ne suis pas seul. Sam gère la croupe de la OMG bête, et est périodiquement chargé de transformer mes maquettes imprécises en code tangible – quel champion!

«Alors,» vous pensez peut-être, «Pourquoi parler de cette refonte?».

Bonne question, car généralement nous ne le faisons pas. La dernière fois que nous avons consacré un article écrit à une refonte du site remonte à… 2010. Et il y a quoi, comme six mahoosif refait depuis lors?

Mains en l’air si vous vous souvenez de celui avec des carreaux géants? 😉

Je ne suis pas une grande personne de la chanson et de la danse. Je suis assez timide dans la vraie vie. En tant que tel, je préfère dérouler les choses tranquillement. Mais cette fois, j’ai envie de crier à ce sujet. Je suis surexcité! Je pense que c’est le meilleur OMG! ubuntu! a jamais regardé – oui, encore mieux que lorsque nous avions Keith le koala dans notre en-tête 😉:

capture d'écran de l'ancienne conception de site Web omgubuntu
Qu’il est mignon!

Je ne suis pas un designer (comme j’aime le rappeler aux gens), donc arriver ici a été difficile. Il est difficile d’apprécier combien de petits détails qui n’ont pas d’importance sur le papier ont en fait un effet important sur la convivialité. À cette fin, je tiens à remercier omg! ubuntu! Les abonnés de Twitter, dont j’ai régulièrement sondé l’opinion sur les changements par le biais de tweets autodestructeurs «oui ou non».

Je me suis toujours senti comme omg! ubuntu! fonctionne parce que c’est

Alors, qu’est-ce qui a réellement changé?

Le changement le plus frappant (imo) est le retour à un Dégradé «disco» en tête de mât et en pied de page. Non seulement c’est un joli miroir thématique du fait que notre contenu couvre le spectre d’Ubuntu, mais il est brillant et engageant – ce qui (j’aime à penser) est représentatif du type de contenu que nous publions.

Mis à part la couleur des bannières Masthead, l’une des plus grandes améliorations visuelles vient de quelque chose d’incroyablement simple: ajouter une ombre portée et des coins arrondis au curseur de la page d’accueil. Les articles en vedette décollent littéralement de la page maintenant, faisant une meilleure “ première impression ” aux lecteurs nouveaux et existants:

Inspiré de GNOME 40: nous avons adopté le rayon

Le masque incurvé derrière aide à unifier la tête de mât et la zone de contenu d’une manière que le vieux «bloc» surdimensionné ne faisait pas.

Nous voulions également réduire et affiner la quantité d’effets de survol que nous utilisons sur le site. Le déplacement de votre pointeur sur l’ancienne page a déclenché un crescendo de transitions, d’effets et de changements d’opacité. Un ou deux seuls, c’est bien, mais c’était un véritable orchestre de changement de 20 musiciens! Nous avons donc rappelé les effets de survol superflus et unifié le comportement de ceux que nous utilisons.

Autres éléments «visibles» que vous pouvez voir en ce moment:

  • Courbes introduites dans la tête du masthead
  • Style de lien amélioré
  • Amélioration de l’apparence des boutons
  • Palette de couleurs raffinée à l’échelle du site
  • Meilleur dimensionnement et espacement des polices (en particulier sur HiDPI)
  • Pages utiles 404 et “Aucun résultat de recherche”
  • Meilleure apparence de recherche sur le site
  • Un menu mobile qui fonctionne
  • Widget ‘Articles connexes’ restylé

Ensuite, il y a un tas de choses que vous ne pouvez pas encore voir. Nous avons travaillé pour créer une sélection de modules de page d’accueil sur mesure. Ceux-ci peuvent être utilisés pour créer des mises en page de page d’accueil variées qui font plus que juste servir une fonction, mais servir de point de départ pour explorer davantage ce que omg! a à offrir.

Parlons des polices.

Bien que nous continuions à utiliser Quicksand comme police «fleurie» (par exemple, dans les titres, les curseurs, les extractions in-post, etc.), nous continuons à utiliser par défaut la police d’interface utilisateur par défaut de votre système d’exploitation pour tout le reste. Cette dernière décision explique pourquoi le «look» du site Est-ce que varient entre Windows, macOS, Linux, Chrome OS et Android. Certains d’entre vous pensaient que c’était un bogue de cache de polices, mais non: c’est par conception!

Puisque je parle de choses que je fais rarement la promotion, j’en profiterai pour vous rappeler que nous avons un extension Chrome gratuite dans le Chrome Web Store. C’est un moyen efficace pour être informé des nouveaux articles au fur et à mesure de leur publication, sans avoir à visiter le site, ouvrir Twitter ou charger un lecteur RSS.

Si vous ne remarquez aucun changement, c’est bien aussi. La partie lourde de ce travail n’est pas strictement «face à l’utilisateur». Cela dit, gardez un œil sur. Vous pouvez commencer à remarquer de nouvelles choses dans les articles, dans la barre latérale et sur la page d’accueil au cours des prochaines semaines.

Mais la raison la plus pressante pour laquelle cette refonte importe plus que d’autres est… moi.

Cette refonte mineure me donne l’impression d’avoir enfin toutes les cloches et sifflets éditoriaux que je voulais – le genre de cloches et de sifflets qui m’aideront à créer le genre de contenu que les gens ont mis en signet omg! ubuntu! en premier lieu.

Certaines des nouvelles fonctionnalités que je suis ravi d’utiliser nécessiteront un contenu nouveau. Si nous sommes tous honnêtes, je me suis largement relâché à cet égard au cours des derniers mois. Mais avec ces changements, je me sens préparé. Je suis ravi de recommencer à faire ce que j’aime faire plus que tout: bloguer.

Leave a Reply