NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
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
Jan Čepelák
Člen
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
Martin Florián
Člen
Avatar
Martin Florián:7.3.2018 20:01

https://www.vzhurudolu.cz/…zivni-design

 
Nahoru Odpovědět
7.3.2018 20:01
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.