Hledáme nového kolegu do redakce - 100% home office, 100% flexibilní pracovní doba. Více informací.
Využij akce až 80 % zdarma při nákupu e-learningu - více informací. Zároveň pouze tento týden sleva až 80 % na e-learning týkající se Swift
Avatar
Patrik Marýška:14.8.2018 22:03

Zdravím,

chtěl bych se optat zkušenějších kolegů. Doporučili byste mi dělat webové stránky s použitím flexboxu? Dočetl jsem se, že ne 100% browserů podporuje flexbox. Nejedná se jen o tvorbu stránek pro osobní použití, ale i zakázky.

Děkuji za názory

 
Odpovědět
14.8.2018 22:03
Avatar
Honza Bittner
Redaktor
Avatar
Nahoru Odpovědět
14.8.2018 22:21
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Avatar
Patrik Valkovič
Člen IT Redactor Gang
Avatar
Odpovídá na Patrik Marýška
Patrik Valkovič:14.8.2018 22:38

Rozhodně ano, už jen celý Bootstrap je na něm postavený.

Nahoru Odpovědět
14.8.2018 22:38
Nikdy neumíme dost na to, abychom se nemohli něco nového naučit.
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Patrik Marýška
Šimon Raichl:14.8.2018 23:13

Třeba co se týče kompatibility, tak je na tom mnohem lépe flexbox než grid, protože IE11 a níž neumí tu současnou verzi, ale umí nějakou starou pracovní verzi z roku 2011, kde i musíš ručně psát, kde každej element v tom gridu bude. Takže flexbox je rozhodně super na tvoření layoutů i s ohledem na kompatibilitu.

 
Nahoru Odpovědět
14.8.2018 23:13
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:15.8.2018 15:34

Kdyz je zminka o BootsTrap, mozna bys mel nejdriv zkusit nasadit ten. Nejen kvuli flexboxu, ale spis, ze ma spoustu veci vyresenych v takovem docela privetivem vzhledu.

https://getbootstrap.com/…nts/buttons/
https://getbootstrap.com/…nents/forms/

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>

https://getbootstrap.com/…ntroduction/ - tohle je kod pro zakladni stranku (ale snazil bych se zbavit linku na externi stranky pro css a scripty, to je pomerne nebezpecne)

Editováno 15.8.2018 15:35
 
Nahoru Odpovědět
15.8.2018 15:34
Avatar
Odpovídá na Peter Mlich
Uživatel sítě :15.8.2018 16:28

Zase tak nebezpečné to není, od toho tam je ten atribut integrity. Spíže je to horší z hlediska optimalizace rychlosti načítání, atd..

Nahoru Odpovědět
15.8.2018 16:28
Chybami se člověk učí, běžte se učit jinam!
Avatar
Šimon Raichl
Redaktor
Avatar
Šimon Raichl:15.8.2018 16:56

No, celkově je Bootstrap neoptimalizovanej, třeba Introduction stránka, kde je prakticky jen text podle pageinsights, má na mobilech optimalizaci Low - 56/100, což je celkem smutný.

 
Nahoru Odpovědět
15.8.2018 16:56
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Šimon Raichl
Honza Bittner:15.8.2018 17:41

A přečetl sis ty výtky? Číslo nic neznamená.

Nahoru Odpovědět
15.8.2018 17:41
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
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 8 zpráv z 8.