Responzivna tipografija koja vam je uvijek čitljiva – odličan koncept hrvatskog web dizajnera!
Hrvatski dizajner i pokretač konferencije FFWD.Pro Marko Dugonjić Maratz zanimljivim je konceptom riješio problem presitnog teksta na ekranu. U Dugonjićevom Realtime Responsive Typography testu tekst reagira na vašu udaljenost od ekrana detekcijom vašeg lica web kamerom.

Hrvatski dizajner i pokretač konferencije FFWD.Pro Marko Dugonjić Maratz zanimljivim je konceptom riješio problem presitnog teksta na ekranu. U Dugonjićevom Realtime Responsive Typography testu tekst reagira na vašu udaljenost od ekrana detekcijom vašeg lica web kamerom.
Reagira na vaš pogled – lice!
Dugonjić je za izradu koncepta iskoristio Headtrackr javascript library za detektiranje lica i praćenje pokreta glave u stvarnom vremenu. Koncept se munjevito pomoću Twittera proširio svjetskom web dizajnerskom zajednicom tako da su ga retweetali i agencija Big Spaceship te poznati američki web dizajner Cameron Moll. Zanimljivo je kako je koncept dostupan na Internetu još od listopada, ali da ga je upravo danas primijetilo nekoliko ključnih ljudi svjetske web dizajn industrije.
Dugonjić je potvrdio kako je već 40 tisuća korisnika isprobalo koncept, a za Netokraciju ekskluzivno komentira kako je projekt nastao:
Gotovo neprekidno i sasvim spontano istražujem nove načine upotrebe tehnologije za poboljšanje svakodnevnog života. Ideja o automatskom podešavanju veličine slova i ostalih tipografskih parametara motala mi se po glavi zadnjih par godina, ali tek kada su prvi web browseri (trenutno Chrome, Mozilla i Opera) počeli podržavati WebRTC API — bilo je moguće uslikati lice korisnika web kamerom, te pomoću tako dobivene slike odrediti udaljenost između lica i ekrana. Nakon toga je samo trebalo sastaviti različite web tehnologije u funkcionalni prototip.
Jedan od tviteraša Dugonjićev je koncept nazvao “budućnošću responzivnog web dizajna”, koncepta o kojem je na Netokraciji već detaljno pisao Bojan Janjanin, otkrivši 5 razloga zašto vaša web stranica treba biti responzivna.
This is a fun experiment. Typography that resizes real-time based on screen viewing distance (webcam access required): http://t.co/fh35aRst
— Cameron Moll (@cameronmoll) February 11, 2013
Dugonjićev koncept ukoliko imate web kameru možete i sami testirati na njegovoj službenoj web stranici. Iako se možda isprva činilo kao nešto što bi bilo zgodno jedino web dizajnerima, vizualnost ovog koncepta pokazuje korisnost koju će uvidjeti i laici. Dobra fora, Marko!
Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.
Pravila ponašanja
Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:
Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.
Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.
Komentari
Marin
11. 02. 2013. u 10:56 pm
Ovo je Maratz objavio još u listopadu 2012…
Ivan Brezak Brkan
11. 02. 2013. u 11:02 pm
Yep, prokomentirao nam je sad (dodano), ali kaže da je danas upravo eksklodiralo na Twitteru 🙂
Marin
11. 02. 2013. u 11:05 pm
Just saying, obzirom da se radi o HR eksperimentu, nije bilo za očekivati da ćete prenositi o tome tek kad je odjeknulo po internetu, i to čak na kraju dana
Ivan Brezak Brkan
11. 02. 2013. u 11:26 pm
Ne kužim, ali dobro. Pisali smo kad je Maratz u razgovoru linkao mi search, a dotad nije bilo još toliko tvitova objavljenih…
Emanuel Blagonić
12. 02. 2013. u 12:01 am
Ja osobno to ne vidim kao neki problem. Da, vidjeli smo to još prije, ali i dalje postoji veliki broj onih koji nisu vidjeli pa će pogledati nakon što pročitaju članak. I još jednom – pohvale Marku na odličnoj ideji i još boljoj realizaciji.
Rex
12. 02. 2013. u 12:29 am
Meni super stvar – jos nisam do danas bio vidio 🙂
Ali BTW sigurno ste se kod interviewa krivo skuzili – WebRTC nema blage veze s tim experimentom. WebRTC je protokol za direktnu komunikaciju medju 2 ili vise klijenata gdje nije nuzno potreban server. Ovaj experiment niti zove drugog klijenta niti vjerojatno ne zove cak ni server – nista se nigdje osim na korisnikovom klijentu ne dogadja. Video s webcama se nigdje ne salje – library kojeg koristi to obavlja direktno u JavaScriptu.
Ivan Brezak Brkan
12. 02. 2013. u 8:37 am
Direct quote 🙂
Senko
12. 02. 2013. u 10:07 am
WebRTC ima veze s tim eksperimentom utoliko što su getUserMedia() i društvo definirani od strane WebRTC working groupa unutar W3Ca i izravno motivirani WebRTCom. Reći da je iskorišten WebRTC API uopće nije krivo, pošto nigdje nije rekao npr da je korišten RTP ili PeerConnection ili spajanje na drugog klijenta.
Marko Dugonjić
12. 02. 2013. u 12:48 pm
What he said. 🙂
Marko Dugonjić
15. 02. 2013. u 1:18 pm
Na Mozilla Hacks je izašao članak o tehnikalijama 🙂 https://hacks.mozilla.org/2013/02/responsive-web-typography-with-webrtc/