Experiment: změna velikosti fontu podle vzdálenosti očí od displeje

18. 2. 2013

Sdílet

Ilustrační obrázek Autor: loriklaszlo – Depositphotos
Ilustrační obrázek

Responsivní design je způsob naprogramování/kódování webu, kdy se obsah stránky přizpůsobuje velikosti prohlížeče, respektive velikosti zařízení. Ta stejná stránka zobrazená na mobilu má jen jinak poskládané prvky, některé méně důležité třeba chybí. Když zmenšujete webový prohlížeč ručně myší, vidíte, jak se stránka před očima přeskládává.

Má to samá pozitiva, není potřeba vyrábět více verzí webu, jenže taková stránka zabírá také více místa a na smartphone se místo 100 kB přenese třeba 1 MB.

Podívejte se sami, jak to zatím funguje:

Webdesignér Marko Dugonjić přišel s novým pohledem na responsivní design. Pomocí webkamery detekuje vzdálemost obličeje od obrazovky a podle toho v reálném čase upraví velikost písma. Druhá varianta provededetekci jen jednou a pak se určité velikosti fontu drží. Zatím jde pouze o experiment.

zdroj: TheNextWeb

Autor článku

Nyní už bývalý redaktor a později šéfredaktor Cnews se zaměřením na televizní témata, technologické zpravodajství, mobilní operátory a vědu.

Kvíz týdne

Tyto konektory zná každý. Ale víte, co jejich zkratky doopravdy znamenají?
1/9 otázek