Päätin jatkaa Astron parissa ja testata kuinka helppoa erilaisten asioiden paikalleen laitto on. Päädyin lisäämään seuraavanlaiset asiat:

• View transitiot
• Joustavan typografia
• Dark mode (eka versio)

View Transitiot

Koska Chromium pohjaiset selaimet tukevat View transitioita päätin ottaa ne kokeiluun ja laittaa ne paikalleen. Ohjeet olivat suht iisejä seurata ja löytyvät täältä.

Joustava typografia

Käytin aiemmassa artikkelissa mainitsemaani Utopia.fyi palvelua generoimaan CSS-clampit joita sitten olen ripotellut pitkin palveua. Käytännön tasolla näet ne toiminnassa kun pienennät tai suurennat selainikkunaa tai käytät palvelua eri laitteilla. Typografialle on annettu minimikoko ja maksimikoko mihin se skaalautuu.

Dark mode (eka versio)

Halusin implementoida dark moden ja kokeilla miten nopeasti sen saa paikalleen. Ensimmäinen ns. nauruversio on katseltavissa jo nyt palvelua käytettäesssä.

Seuraavat askeleet

Nyt on hyvä pysähtyä ja miettiä mitä näiden jälkeen. Saa ehdottaa mulle mitä seuraavaksi olisi hyvä ottaa työn alle tai kokeiluun.