Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
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í.
Avatar
skilledt
Člen
Avatar
skilledt:29.1.2018 18:19

Zdravím, mám trochu zmatek v tom, jak napsat web, který je plně responzivní. Chápu, že se k tomu využívají hlavně media queries a použití relativních jednotek v css. Přesto ne vždy se dají relativní jednotky použít, někdy se člověk px nevyhne. Chápu dobře, že u responzivního webu je snaha co nejvíce používat relativní jednotky, nejlépe % ? Případy kde použiji px pak ošetřím pomocí media queries? Případně existují nějaká doporučení kde jaké jednotky používat apod. Pokuď by někdo věděl o nějakých dobrých příkladech či článcích na toto téma, také určitě nepohrdnu :)
Předem děkuji za odpověď

 
Odpovědět
29.1.2018 18:19
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na skilledt
Jan Lupčík:29.1.2018 18:31

Ahoj, nejlepší by bylo pracovat s flexboxem nebo Gridem. Samozřejmě je ale dobré používat i to, co jsi zmínil ty - media queries a %, popř. na font jednotky rem, em apod.
Článek na flexbox: https://www.itnetwork.cz/…nich-layoutu
Honza Bittner měl nedávno přednášku na Grid a proměnné:
https://www.itnetwork.cz/…az-itnetwork#…
Popř. můžeš mrknout na seriál s tvorbou responzivního designu:
https://www.itnetwork.cz/…ni-webdesign

Editováno 29.1.2018 18:31
Nahoru Odpovědět
29.1.2018 18:31
TruckersMP vývojář
Avatar
Odpovídá na skilledt
Jan Čepelák:6.3.2018 21:49

Responzivní design se většinou nevyhne použití px, alespoň pro udání media querries to asi není nijak špatné (alespoň jsem se doposud nesetkal s nikým, kdo by to považoval za nějakou velkou chybu), ale pro objasnění doporučuji : https://medium.com/…3767e5f06feb
a případně se třeba podívat na dokumentaci k bootstrapu, jak se zde nakladá s elementy a media querries.

 
Nahoru Odpovědět
6.3.2018 21:49
Avatar
Daniel Szabo
Člen
Avatar
Odpovídá na Jan Lupčík
Daniel Szabo:13.3.2018 15:50

Díky za odkazy. Tohle jsem hledal :)

Nahoru Odpovědět
13.3.2018 15:50
Make an mistake learn from it and rise up.
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 5 zpráv z 5.