Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
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í.
BF extended 2022
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
Tvůrce
Avatar
Nahoru Odpovědět
14.8.2018 22:21
Absolvent FIT ČVUT :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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
Tvůrce
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
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
Tvůrce
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
Tvůrce
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
Absolvent FIT ČVUT :-) 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 8 zpráv z 8.