noesya

Setup des domaines

Dans Netlify, domaine principal (avec/sans www) et domaines secondaires (sans www)

• noesya-www.netlify.app (par défaut)
• www.noesya.coop (principal)
• noesya.coop (redirige vers principal)
• noesya.com (alias)
• noesya.fr (alias)

Table de redirections dans le fichier netlify.toml

noesya.coop

@ 300 IN A 75.2.60.5
www 300 IN CNAME noesya-www.netlify.app.

noesya.com

Redirection Web : http(s)://www.noesya.com vers https://www.noesya.coop

@ 300 IN A 75.2.60.5
www	CNAME	10800	webredir.gandi.net.

noesya.fr

Redirection Web : http(s)://www.noesya.fr vers https://www.noesya.coop

@ 300 IN A 75.2.60.5
www	CNAME	10800	webredir.gandi.net.

Maquette

https://www.figma.com/file/7KG0r0KsUBcxrt7iXGaR4m/Explorations?node-id=151%3A285

Research

• Button size : https://uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/
• Vertical Grid tool : https://chrome.google.com/webstore/detail/grid-ruler/joadogiaiabhmggdifljlpkclnpfncmj/related?hl=en
• Jekyll::Converter:Scss issue with css min and max sass/node-sass#2815

Grid

Afficher la grille avec l'extension CSS Grid pour Chrome (https://chrome.google.com/webstore/detail/css-grid-overlay/hajfilceeneohkmcakehndmaeonhlack) :

[
  {
    "columns": 12,
    "from": 840,
    "gutters": 25,
    "margins": 50,
    "maxWidth": 1340,
    "to": 7680
  }
]

Architecture de l'écosystème

Assets

Les assets qui ne sont pas optimisés localement (jekyll picture tag) sont sur un sous-domaine assets.noesya.coop.

Notamment :

• logo
• typos
• icônes
• images pour les mails

Gestion des styles communs

3 possibilités :

• 1 style par site (si plusieurs visites, code redondant téléchargé)
• 1 style commun (code mort)
• 1 style commun + 1 par site (2 appels)

Le fichier de style du site pèse 5 ko, donc on privilégie l'approche 1 (1 style par site).

Gestion des redondances de code (footer, header, data...)

2 types de redondance :

• le style CSS
• les includes / layouts HTML

3 approches :

• thème Jekyll
• template Github
• sites sur des branches

Thème Jekyll https://jekyllrb.com/docs/themes/#creating-a-gem-based-theme