Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
ITnetwork	ITnetwork	Provoz webu, relace, přihlášení a uložení nastavení cookies.	PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent	Relace až 1 rok
Google Tag Manager	Google	Správa značek a načítání měřicích nástrojů webu.	Žádné	Neukládá se
Google Fonts	Google	Načítání typografie webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google Hosted Libraries	Google	Načítání potřebných knihoven a stylů webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google reCAPTCHA	Google	Ochrana formulářů a webu před zneužitím.	_GRECAPTCHA, rc::a, rc::b, rc::c, rc::f	Relace až 180 dní
YouTube	Google	Přehrávání vloženého video obsahu.	localStorage, IndexedDB; cookies after playback interaction	Relace až trvalé úložiště
Vimeo	Vimeo	Přehrávání vloženého video obsahu.	__cf_bm, _cfuvid, vuid, localStorage, IndexedDB	Relace až 2 roky
Facebook Login	Meta	Přihlášení pomocí účtu třetí strany.	Úložiště řízené poskytovatelem	Relace až 1 rok
GoPay	GoPay	Zpracování uživatelem vyžádané platby.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Analytics 4	Google	Měření návštěvnosti a používání webu.	_ga, _ga_*	Až 2 roky
Microsoft Clarity	Microsoft	Měření návštěvnosti a používání webu.	_clck, _clsk, _cltk	Relace až 1 rok

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Ads	Google	Měření kampaní, reklama a remarketing.	_gcl_au, _gcl_ls	Relace až 90 dní
Meta Pixel	Meta	Měření kampaní, reklama a remarketing.	_fbp, _fbc, localStorage	Až 90 dní
Sklik	Seznam.cz	Měření kampaní, reklama a remarketing.	retargeting, sid, szn:*	Relace až trvalé úložiště
LinkedIn Insight	LinkedIn	Měření kampaní, reklama a remarketing.	bcookie, li_gc, lidc, __cf_bm	Relace až 1 rok
Ecomail	Ecomail.cz	Měření kampaní, reklama a remarketing.	ecmid, Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Atribuce kampaní ITnetwork	ITnetwork	Přiřazení návštěvy a objednávky ke kampani.	campaign_clid[*], user_session_context	Až 1 rok

Diskuze: Flexbox - funkčnost

Naučíme tě pracovat na home-office.

Více info »

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Patrik Marýška

Člen

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

Honza Bittner

Tvůrce

Honza Bittner:14.8.2018 22:21

https://caniuse.com/#…

Nahoru Odpovědět

14.8.2018 22:21

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Patrik Valkovič

Člen

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.

Šimon Raichl

Tvůrce

Š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

Peter Mlich

Člen

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

Nahoru Odpovědět

15.8.2018 15:34

Uživatel sítě

Tvůrce

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!

Šimon Raichl

Tvůrce

Š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

Honza Bittner

Tvůrce

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

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Naučíme tě pracovat na home-office.

Zjistit více...

Naučíme tě pracovat na home-office.

Více info »

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.

Nejčastěji vyhledáváné

Diskuze: Flexbox - funkčnost