Skip to content

Mgrmjp/mgrmjp.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web-visualisointi repo | K2038 Miikka Mäkelä

Harkkatyö: https://www.simplymgr.com

Kurssiharkat

VKO 39 RESPONSIIVISUUS

VKO 40 FLEX

VKO 41 BOOTSTRAP VAKIO

VKO 41 BS TEEMAN LAITTAMINEN

VKO 44 NAPPULAT

VKO 44 PALKKIANIMAATIO

CSS-kirjasto-FW-harkka

Bootstrap, Google Fonts, FontAwesome, Animate.css ja Balloon.css.

Boostrapissa hyvää että saa helposti responsiivisuuden toimimaan. Myös paljon erilaisia valmiita tyylejä joita voi hyödyntää. Erilaiset navigointi ratkaisut helpottavat myös tekemistä, vaikkakin niiden muuttaminen ollut hieman hankalaa. Bootstrapista on myös kattavaa materiaalia ja pienellä Googlailulla löytyy varmasti ratkaisu omaan ongelmaan.

Google Fontseista saa helposti löydettyä tyylikkäitä kirjaisimia ja niitä voi käyttää vapaasti ilman suurempaa mietintää. Niitä on helppo lisätä, mikä helpottaa testaamisessa.

FontAwesomilla saa mukavasti erilaisia kuvia ja namiskoita, joita voi venyttää surutta.

Animate.css kirjastolla saa näyttäviä animaatioita helposti. Hyvät ohjeet käytöstä GitHubissa. https://github.com/daneden/animate.css

Balloon.css mahdollistaa infolaatikoiden lisäämisen elementteihin ilman JavaScriptiä. Hyvä keino antaa lisätietoa asioista, eikä vie turhaa tilaa sivulta.

Mockup: https://www.fluidui.com/editor/live/preview/cF82MGNYVk9sbFpPcldJNVc4Zms3RDhudEkwU1NNNk1Deg==

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published