A kej flexate?
6 naročnikov
6 naročnikov
Mislim namreč na CSS flexbox
Zadeva je res huda, sem že nekaj časa nazaj zasledil pa se nisem preveč poglabljal ker je res bleeding edge, zdej sem si pa mal bol natančno pogledal in res kick ass. Bo mal lažje ustreč norim željam dizajnerjev ko se prime. Kdo ve kako je s kakim polifillom za to ta novo verzijo?
8 odgovorov
Že nekaj časa nazaj sem poskušal, pa je bilo precej težav s podporo brskalnikov. Zdaj po enem letu, je stanje precej boljše.
Zaenkrat še vedno vse lahko dobim ven z bootstrapom.
Nekonsistentent morda, neuporaben se pa niti slučajno ne strinjam, posebi za appe ki bi lahko izkoristii cel ekran je fenomenalen, poleg tega reši precej zadev za katere smo se prej moral posluževat precej javascripta da smo dosgli isti efekt, če lahk neki nardm s tremi vrsticami cssa namest z 10 javascrtipta se mi zdi to win. Poleg tega odstrani potrebo po miljon floatih ipd. Komaj čakam da se spiše pošren polyfill za zadnjo verzijo, bom gotovo uporabil.
Nekonsistentna zadeva vsekakor, ne samo zaradi usual suspects ala IE, problemi so povsod, kjer so v uporabi procentualne vrednosti, sploh FF recimo. Zraven so ga pa pri W3C tukaj še rahlo v kamen z različnimi sintaksami, ker zgleda nimajo druzga dela, pa maš potem legacy flexbox, pa flex in potem še vse vendor extensione ipd., če torej ne uporabljaš preprocessorja, je cel žur.
To bo vseskupej endan poštimano, kdaj pa, jaz pravim takrat, ko bomo responsive design končno začeli delat v obe smeri, torej na eni strani v smer mobilnih naprav in potem v drugo skrajnost, na 60inch televizije v dnevnih sobah.
Kje sem rekel neuporaben? Neuporaben in nepotreben ni isto.
Je uporaben, ampak ni vreden negativnih stvari. Pač ne odtehta. Že tako imamo preveč modelov za layout, kjer noben ne ve niti tega, kako posamezen deluje, kaj šele kakšna kombinacija. Kako centriramo vertikalno (izberi možnost):
a) nastavimo line-height na višino starša
b) parentu damo display: table
c) starša pozicioniramo absolutno, otroka pa relativno s top: -50%
d) nastavimo margin-top otroka, potrebujemo CSS3 calc()
e) še kaj...
od tega nekatere delujejo samo za inline elemente, nekatere samo za tekst, nekatere za vse, nekatere ne delujejo, če ima otrok dinamično višino, itd...
Rant na to temo:
https://news.ycombinator.com/item?id=5063913
Tisti, ki ste dal minuse, pojejte se. Če stvari ne poznaš, se ti v svoji naivnosti stvari čisto mogoče zdijo super. Jaz imam celotno perspektivo in tole je slabo.
@zeko: jst nism še slišov da bi bil flexing kak term v povezavi z drogami.
@technolog: zanimivo, sem dosedaj ene deset člankov prebral na temo flexboxa. In vedno so vsi samo hvalili tudi v kometarjih. Bi znal kaksno referenco pripeti razen tvojega subjektivnega mnenja (mi ni ratal zgooglati) da je slaba ideja za uporabo.
Res me zanima ker imamo en dosti velik projekt in smo komaj čakali da odstranimo par hekov v enem primeru celo javascript z flexboxm. Hvala!
@technolog, ja sem res malo površno prebral komentar. Sej po eni strani maš prav, vse se da že zdej tako ali drugače "pohackat", ker se meni zdi fajn je da je ena zadeva s katero lahko praktično vse kar se tiče layouta rešiš. Fleksanje je vdihavanje hlapov neostika v ljubljanskem slengu :P sem dal namenoma mal provokativen naslov.
In any case, po še kr nekaj save preteklo preden lahko to kje implentiramo z kolikor toliko kosistence cross browser.