Autor Zpráva
Dan99
Profil
Ahoj,
v jakých jednotkách px nebo em píšete/stylujete/ weby pro současné prohlížeče (rok 2012)?
Díky za vaše rady.
Dan
Chamurappi
Profil
Reaguji na Dana99:
V těch, které jsou zrovna potřeba. Nevím, proč by to měla být otázka jakési osobní preference…

pro současné prohlížeče (rok 2012)
Ono se během posledních deseti let něco zásadního změnilo?
Dan99
Profil
Chci psát v px. Připadá mi to jednodušší - nemusím velikost použitých grafických prvků převádět na jednotky em.
"Ono se během posledních deseti let něco zásadního změnilo?"
přeci jenom se už nezvětšuje/nezmenšuje jen text, ale celý layout stránky.
Str4wberry
Profil
přeci jenom se už nezvětšuje/nezmenšuje jen text, ale celý layout stránky.

To není úplně tak pravda. Pořád je dobré počítat s tím, že uživatel může mít nastavené písmo různých velikostí.
_es
Profil
Dan99:
nemusím velikost použitých grafických prvků převádět na jednotky em.
Ako „prevádzať“? Sú to odlišné jednotky, nie je medzi nimi nejaký priamy prevodný vzťah.
Bubák
Profil
Dan99:
nemusím velikost použitých grafických prvků převádět na jednotky em.
Můžeš jednotky kombinovat, třebas velikosti písma v em a rozvržení stránky v px.
Dan99
Profil
Dopracoval jsem se ke knížce od Petra Staníčka, kde doporučuje používat flexibilní design pomocí jednotek em. Rok vydání knížky je tuším 2006. Dá se předpokládat, že je psaná pro tehdejší prohlížeče.

"To není úplně tak pravda. Pořád je dobré počítat s tím, že uživatel může mít nastavené písmo různých velikostí."
Já, jako uživatel Internetu jsem za 14 let jsem v prohlížečích, které jsem používal (kdysi IE, pak FF, posledních 5 let Opera) nikdy neměnil (v možnostech/nastaveních prohlížeče) velikost nebo font písma. Pokud se mi text zdál špatně čitelný, tak jsem jej pomocí zoomu (velikost textu) zvětšil.


_es:
Dan99:
„nemusím velikost použitých grafických prvků převádět na jednotky em.“
Ako „prevádzať“? Sú to odlišné jednotky, nie je medzi nimi nejaký priamy prevodný vzťah.
Jasně máš pravdu - blbě jsem to napsal. Na začátku ccs souboru musíš definovat jak velká je jednotka em.
_es
Profil
Dan99:
Pokud se mi text zdál špatně čitelný, tak jsem jej pomocí zoomu (velikost textu) zvětšil.
Zväčšovanie je v rôznych prehliadačoch spravené rôzne, prípadne je k dispozícii viac spôsobov zväčšovania a zmenšovania.
Dan99
Profil
_es:
Měl jsem namysli pro Operu + -, zbytek prohlížečů (které znám) používá klávesovou zkratku Ctrl + +-.
Zoomování stránky je u většiny prohlížeču víceméně stejné - jasně nějaké malé rozdíly by se našly.
_es
Profil
Dan99:
Ja som nemyslel klávesové skratky, ale to, čomu sa mení veľkosť, či len písmo, alebo aj niečo iné.
Dan99
Profil
_es:
Když změníš jen velikost písma, tak ti většinou přeteče do jiných elementů-záleží na délce textu a vypadá to blbě.
Třeba v Opeře a Maxthonu jde jen zoomovat stránka.
Chamurappi
Profil
Reaguji na Dana99:
Já, jako uživatel Internetu jsem za 14 let jsem […] nikdy neměnil […] velikost nebo font písma.
Pokud cílovou skupinu tvých stránek tvoříš pouze ty, tak můžeš používat, co chceš.

(v možnostech/nastaveních prohlížeče)
Také jde měnit DPI v operačním systému.

se už nezvětšuje/nezmenšuje jen text, ale celý layout stránky
Všechny nové prohlížeče umějí obojí. Minimálně 5 % uživatelů si umí zvětšit text a minimálně 15 % uživatelů si umí přizoomovat. Nastavení prohlížeče už je otázka osobní preference.

Na začátku ccs souboru musíš definovat jak velká je jednotka em.
To nikdy nevíš. Jsou to em-jabka a px-hrušky, nemůžeš je dost dobře vzájemně přepočítávat.

Dopracoval jsem se ke knížce od Petra Staníčka, kde doporučuje používat flexibilní design pomocí jednotek em.
Mám ji zrovna v ruce, bavíme se o straně 148? Neřekl bych, že je to přímo doporučení, spíš jen popis možnosti. Většinou není důvod dělat vše v em, lidé, kteří si zvětšují jen písmo, neočekávají, že se zvětší všechno (tedy že si i rozmažou obrázky apod.) — to přeci není cíl.
Dan99
Profil
Chamurappi:
Také jde měnit DPI v operačním systému.
O té možnosti ve widlích vím - zkoušel jsem ji - pak ty nápisy na oknech vypadají dost blbě...

„Na začátku ccs souboru musíš definovat jak velká je jednotka em.“
To nikdy nevíš. Jsou to em-jabka a px-hrušky, nemůžeš je dost dobře vzájemně přepočítávat.
No právě, chtěl jsem se tomu vyhnout.

„Dopracoval jsem se ke knížce od Petra Staníčka, kde doporučuje používat flexibilní design pomocí jednotek em.“
Mám ji zrovna v ruce, bavíme se o straně 148? Neřekl bych, že je to přímo doporučení, spíš jen popis možnosti. Většinou není důvod dělat vše v em, lidé, kteří si zvětšují jen písmo, neočekávají, že se zvětší všechno (tedy že si i rozmažou obrázky apod.) — to přeci není cíl.
Ano je to ta stránka. em model


Já chci zjistit jaké jednotky (kombinaci jednotek, tj. ktreré hjednotky na co) používají ostatní webdesignéři. Nechci "objevovat Ameriku". Teda pokud to není tajné...
Plaváček
Profil
Dan99:

Em model se pohříchu ve webdesignu moc neujal. Důvodů bylo povícero, ale to teď není důležité. Světem hýbe takzvaný "responsive design" (viz http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/). Rozhodnutí, jaké jednotky zvolit, je vždy v rukou webdesignera (kodéra) a potřeb konkrétního webu, respektive grafické podoby. Na tvou otázku prostě neexistuje jednoznačná odpověď.
Str4wberry
Profil
Jak píše Bubák, já třeba jednotky kombinuji. Je jasné, že na šířku boxu, který má mít 200px široké pozadí, použiji pixely, ale jinak (kde to jde) používám em nebo procenta.
Trejpa
Profil
Dan99:
Ve flexibilním designu používám em pro výšky písem, řádků a svislého odsazení, ex pro omezení šířek a vodorovného odsazení, % pro šířky a poměry šířek více vnořených elementů, px pro pevné rozměry vkládaných objektů a případné tloušťky rámečků, cm pro úpravy tiskových stylů.

Ve fixních layoutech nastavuji pro šířky základních stavebních bloků px, ostatní jako výše.

Nemám oblíbené jednotky, pracuji rovnocenně se všemi druhy tam, kde jsou potřeba.
dranel91
Profil
Veškeré velikosti (až na pár výjimek jako je '100%') zadávám v pixelech. Pracuje se mi s nimi nejlépe vzhledem k tomu, že drtivá většina návrhů dnes je v bitmapové grafice a s responsive web designem si můžu hrát leda tak u sebe na písku (čti na webu).

Chamurappi:
Minimálně 5 % uživatelů si umí zvětšit text a minimálně 15 % uživatelů si umí přizoomovat.
Zdroj? Předem děkuji.
_es
Profil
dranel91:
Veškeré velikosti (až na pár výjimek jako je '100%') zadávám v pixelech.
Ak sa písmo s takto definovanou veľkosťou zobrazí na displejoch s výrazne odlišnou hustotou bodov (DPI) tak asi nebude rovnako čitateľné. Alebo ak to tlačiareň na zvolený počet pixelov naozaj vytlačí.
Dan99
Profil
Díky všem za rady.
Ještě jsem na netu našel takovou aplikaci k přepočtu px na em. http://pxtoem.com/
Chamurappi
Profil
Reaguji na dranela91:
Zdroj?
Moje malé měření na vzorku několika statisíců standardních českých pokusných králíků.

Pracuje se mi s nimi nejlépe vzhledem k tomu, že drtivá většina návrhů dnes je v bitmapové grafice
Stejně jako před deseti lety. Doba vektorové grafiky nejspíš teprve přijde.


Reaguji na Plaváčka:
Světem hýbe takzvaný "responsive design"
Myslím, že to je úplně jiná kapitola. Jestli opravdu může smysluplně hýbat světem, je trochu sporné.
Nicméně je docela možné, že lidi s většími rozlišeními/okny víc zvětšují písmo nebo zoomují. Hmm… změřím.
Petr ZZZ
Profil
Reaguji na Dana99 [#1]:
Pixely používám na šířky bloků (na výšky bloků nepoužívám jednotky pokud možno vůbec žádné, nejraději je nechávám flexibilní). Na velikost písma jsem dosud používal em, kterážto jednotka ale umí "poskakovat", tak se chystám vyzkoušet procenta, která by se měla chovat lépe.
Moderátor Chamurappi: Debata o poskakování pokračuje jinde: Poskakování velikosti písma v jednotkách em.

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: