Stranka itty.bitty.site umoznuje zobrazenie obsahu, ktory nemusi byt nikde hostovany, pretoze sa vsetko nachadza zakodovane priamo v URL. Viac o tom tu https://css-tricks.com/itty-bitty/, ukazka je napriklad tu.
Vhodne vyuzitie nechavam na citatela.
Stranka sama o sebe umoznuje vlozit len cisty text, avsak zlozitejsie veci su tak isto mozne vdaka https://codepen.io/. Tam je mozne vytvorit ziadany obsah pomocou Create New Pen, nastylovat ho, vlozit obrazky, a pod. Do itty bitty to dostaneme:
- Pen je nutne ulozit pomocou Save
- skopirujeme URL adresu, napr. https://codepen.io/anon/pen/zLgGdQ
- vlozime adresu priamo do itty.bitty, ktory ju spracuje a obsah vyseparuje
- vpravo hore v menu si vieme skopirovat link (alebo priamo z prehliadaca)
- dostaneme teda nieco take https://itty.bitty.site/#/data:text/html;charset=utf-8;bxze64,XQAAAALBAAAAAAAAAAAeHMqHyTY4PyKmqfkwr6ooCXSIMxPQ7okSjV8CwiKB/u6OonjxzjLYbHHihMkjeRkGScy0P6UoKjsdpBlaYWfrQ9jTC2GiItVdcO7pRuBl+EXVkNCRREAl/M6Aqyeph27yEevXUvvHaQyHNi3qW6RSM4D5LfI7nedl7Y/j4WyWQDApV510GvMw+Ps0MHEa4iLMvlH//KRUlQ==
TIP: Pre vytvorenie noveho penu z uz existujuceho pouzivame funkciu Fork.
Je mozne aj vygenerovat priamo QR kod s URL adresou, co je celkom napomocne. Avsak, ak je na stranke privela obsahu, QR kod je prilis zlozity a mobilom sa z vacsej vzdialenosti ani neda precitat. Preto sa vhodnou moznostou javi pouzit skracovac URL adries a z nej vytvorit "mensi" QR kod.
- skopirujeme si link na itty.bitty
- vlozime ho do skracovaca URL adries, napr. https://bitly.com/
- dostaneme nasledovnu adresu https://bit.ly/2Mxu7PD
- z nej mozme vytvorit novy QR kod, ktory je ovela lepsie citatelny, napr. pomocou https://www.the-qrcode-generator.com/ (na nete ich je vela, staci vyhladat)
- zvolime typ URL
Profit!