Deuxfleurs/design
24
1
Fork 0
Code Issues 1 Pull requests Releases Wiki Activity
Réflexions et ressources liées à l'identité visuelle de Deuxfleurs
35 commits 1 branch 1 tag 46 MiB
CSS 74%
HTML 26%
Find a file
LUXEY Adrien 361eac5728 changement image fond canopee et détails
2021-02-03 08:58:43 +01:00
inspirations/images branches et canopee 2021-02-02 22:36:36 +01:00
lab changement image fond canopee et détails 2021-02-03 08:58:43 +01:00
notes branches et canopee 2021-02-02 22:36:36 +01:00
ronce changement image fond canopee et détails 2021-02-03 08:58:43 +01:00
LICENSE LICENSE partout, border-image dans le README 2021-02-03 00:12:30 +01:00
README.md changement image fond canopee et détails 2021-02-03 08:58:43 +01:00

README.md

Laboratoire du futur site web de Deuxfleurs

Les tests graphiques sont dans /lab, une page HTML par idée à développer. N'hésitez pas à ajouter la vôtre !

Objectifs techniques

  • Responsive mobile-first design.
  • Media queries CSS : Des images envoyées adaptées à la taille des viewports.
  • Pas besoin de Javascript : Le CSS3 ça déchire, on peut faire des infobulles, des animations, de la parallax. (Navigateurs compatibles depuis 7 ans ou plus.)

Idées graphiques

  • Branches et canopée : Des bouts de branches et de canopée qui défilent lors du scroll, contenant des éléments de texte ou autre contenu.

    • ronce/feuille brush.abr contient la brosse Photoshop utilisée par Ronce pour les feuilles d'arbre au premier plan. On pourrait l'utiliser pour faire des bordures de fond.

  • Parallax : Exploiter l'illustration au maximum, en la laissant fixée en fond de page tandis que les éléments graphiques défilent (parallax).

  • S'il faut un menu : barre d'onglets sur PC, menu « sandwich » qui révèle une colonne d'onglets sur smartphone.

  • Couleurs : Ronce a proposé quelques couleurs dans /lab/gimp/branches-et-canopee.

    un violet du fond en rab, soit pour le fameux monde d'en bas, soit pour un peu de douceur moins saturée.

  • Elements <code>:

Inspirations