IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Diskusia – 2. diel - Responzívny webdesign pomocou Media Queries v CSS3

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
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.

 
Odpovedať
17.1.2015 13:13
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na TomasGlawaty
Honza Bittner:17.1.2015 13:45

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

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

Odpovedať
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
Odpovedá na Honza Bittner
Neaktivní uživatel:17.1.2015 19:55

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

Odpovedať
17.1.2015 19:55
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na Neaktivní uživatel
Honza Bittner:17.1.2015 20:26

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

Odpovedať
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
Odpovedá 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.

Editované 18.1.2015 1:42
Odpovedať
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?

Odpovedať
18.1.2015 7:50
Programuji, tedy jsem.
Avatar
Odpovedá 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.

Editované 18.1.2015 23:09
Odpovedať
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.

 
Odpovedať
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 !!!

 
Odpovedať
25.1.2015 10:45
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:29.3.2015 13:48

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

Odpovedať
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.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!