Arkiv
- 2024-03-12 - Versjonslogg 0.2
- Definerte slugs på alle notater, endra på navigasjonen på forsida, og lagde noen nye skjermopptak
- 2024-03-03 - Versjonslogg 0.1 - statistikk
- Implementerte tinylytics, som et mer personvernvennlig alternativ til Google Analytics, for å forstå bruken av sida i større grad.
Usortert
Fargestiler for hjemmesida
Det her blir for nerdene mine uti der altså, for detta blir nok intenst stammespråk for folk flest. Figma lanserte nylig noe som heter variabler, som lar deg forholdsvis enkelt definere stiler som skal gjelde til ulike formål – for eksempel hvordan light mode og dark mode kan se ut på en hjemmeside, som f. eks Simenskriver.no:
Du svitsjer det enkelt og greit i Layer-panelet når du har valgt én spesifikk frame. Der vil du se navnet på en samling med variabler. Hvis du trykker utenfor framen vil du finne local variables i høyremargen, og det er der du legger til stilene dine.
For øyeblikket prøver jeg å forstå design tokens bedre, og hvordan man kan jobbe med det. Variabler er vel bare figma sin versjon av det å jobbe med design tokens, bare at det er litt begrensa enn så lenge. Det som skjer i gifen over er at når jeg trykker på light mode så vises background-fargen som er definert i Light-kolonna, på bildet under. Det samme gjelder text-primary også. Ække mer hokuspokus enn som så.
En ting jeg likte
Supa palette er en veldig enkel måte å lage fargepaletter på. Med en inkludert kontrastsjekk underveis. I tillegg til at du kan få inspirasjon fra etablerte designsystemer som Tailwind, Material UI og mange flere. Det er en figma-plugin og, så jeg anbefaler å prøve den, selv om det bare blir en 7-dagers prøveperiode før du må punge ut.
Transclude of hva-holder-jeg-på-med