NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 2 - Responzivní webdesign pomocí Media Queries v CSS 3

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
TomasGlawaty
Člen
Avatar
TomasGlawaty:17.1.2015 13:13

Na tuto sérii článků se těším :)
, ale odkaz v článku http://sassmeister.com/…651cedcc4f0e mi nefunguje.

 
Odpovědět
17.1.2015 13:13
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na TomasGlawaty
Honza Bittner:17.1.2015 13:45

Správný odkaz http://sassmeister.com/…04d151843f95

Asi mi to napoprvé vygenerovalo špatný...

Odpovědět
17.1.2015 13:45
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:17.1.2015 19:55

Aktualizuj to prosím i v článku.

Odpovědět
17.1.2015 19:55
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:17.1.2015 20:26

Čeká to na schválení. ;)

Odpovědět
17.1.2015 20:26
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Honza Bittner
Vojtěch Mašek (Woyta):18.1.2015 1:39

Hezký návod, také jsem chtěl na tohle téma napsat, ale předběhl jsi mě :)

Měl bych jen připomínku k viewport meta tagu, já používám tenhle zápis:

<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no">

Initial scale jsem shledal nepotřebným, jelikož je defaultně 1, tak jsem ho vyhodil. Maximum scale zajistí mimo jiné to, že například na iPadu při orientaci na šířku bude šířka opravdu 1024px (tak jak to má být) a ne 768px což je jeho výchozí chování a narušuje to styl stránky (stránka si pořád myslí že viewport je 768 ale ve skutečnosti se roztáhne na 1024px a například obrázky, třebaže jsou uzpůsobené retina displejům, jsou rozmazané) zkrátka, nechová se to bez tohoto parametru korektně. Také zamykám zvětšování a zmenšování stránky, zastávám názor, že pokud je mobilní verze udělaná dobře, není potřeba zvětšovat.

Editováno 18.1.2015 1:42
Odpovědět
18.1.2015 1:39
Výraz "to nejde" není v mém slovníku
Avatar
qwertyW
Tvůrce
Avatar
qwertyW:18.1.2015 7:50

Mám dotaz, jak se rozezná mezi full hd monitorem a full hd telefonem?

Odpovědět
18.1.2015 7:50
Programuji, tedy jsem.
Avatar
Odpovídá na qwertyW
Vojtěch Mašek (Woyta):18.1.2015 23:08

Telefon může mít sice rozlišení Full HD, ale to proto že má retina panel, tzn. reálné rozlišení, které můžeš použít pro stylování bude 960 x 540px. A podle šířky 540px celkem spolehlivě rozpoznáš mobil. Responzivní design ale není jen pro mobily, základní myšlenka je taková, že se obsah přeskupí a vejde do jakékoliv velikosti obrazovky/okna.

Editováno 18.1.2015 23:09
Odpovědět
18.1.2015 23:08
Výraz "to nejde" není v mém slovníku
Avatar
Peter Sivák
Člen
Avatar
Peter Sivák:22.1.2015 9:24

Vďaka za článok, krásne jednoduché ukážky, už sa teším na pokračovanie.

 
Odpovědět
22.1.2015 9:24
Avatar
freearea
Člen
Avatar
freearea:25.1.2015 10:45

Ahoj Hobi,
tvoje články /příspěvky/ nemají chybu.
Držím palce,jen tak dál !!!

 
Odpovědět
25.1.2015 10:45
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:29.3.2015 13:48

Článek mírně poupraven. :)

Odpovědět
29.3.2015 13:48
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 35.