dodání ihned! nové
Hledáme programátora do rostoucího týmu ITnetwork.cz, 100% home office, 100% flexibilní pracovní doba. Více informací
Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
BF
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:19.4.2015 10:40

Znáte CSS3 podmínky @supports? Vypadá to dost dobře! :)

http://caniuse.com/#…
https://developer.mozilla.org/…SS/@supports

Odpovědět
19.4.2015 10:40
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:19.4.2015 10:43

S preprocesory je pak zápis o dost lepší - asi nějak takhle (nezkoušel jsem):

.el {
  margin: 0 auto;
  margin-top: 100px;

  @supports (display: flex) {
    display: flex;
    margin-top: 0;
    align-items: center;
  }
}
Nahoru Odpovědět
19.4.2015 10:43
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
David Čápka:19.4.2015 10:45

A co když supporsts není supportované? :D

Nahoru Odpovědět
19.4.2015 10:45
Jsem moc rád, že jsi na síti, a přeji ti top IT kariéru, ať jako zaměstnanec nebo podnikatel. Máš na to! :)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Čápka
Honza Bittner:19.4.2015 10:51

Tak běžně bych s tím pracoval např. tak, že bez @supports to je pro mě pravěké (=> IE a mobily), takže tam bych využíval pro centrování marginy atd. a s @supports (display: flex) bych využíval už super cool flexbox... :)

Nahoru Odpovědět
19.4.2015 10:51
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 4 zpráv z 4.