CSS Grid Changes Everything

TL;DW Natywne wsparcie grid layoutu przez CSS jest już obecne we wszystkich przeglądarkach, stąd nie ma potrzeby by używać Flexboxa, czy grid layoutu z frameworków - wystarczy, samo CSS.

[MiroslawWypok]

@notdot: zabrakło ( ͡° ʖ̯ ͡°)

[kobiaszu]

Dla tych co chcą sobie szybko przyswoic:
http://cssgridgarden.com

Do tego Flex I CZAS staje się bajecznie prosty i intuicyjny

[NadiaBelgium]

@kobiaszu: Nie działa na najnowszej Operze Mobile (znaczy: nie wiem czy działa, ale wywala komunikat, że nie działa).

[panczekolady]

A w niewydanym jeszcze Bootstrapie 4 dopiero wprowadzają flexboxa ¯\_(ツ)_/¯

[jamjan]

@panczekolady: hyhy. ten Bootstrap4 to wydaja i wydaja. Mam beke z firm co juz koduja w BT4. Oczywiscie MOCNO przesadzam, ale troche to pachnie jak PHP6.

[Tribolonutus]

Edge nie wspiera najnowszych rozwiązań i działa po swojemu.
Zaskoczenie... Microsoft nie powinno w ogóle pisać przeglądarek.. jebnięta firma. Jak małe dziecko, które wszystko musi zrobić po swojemu. Tylko, że M$ nigdy z tego stanu nie wyrosło.

[adiq94]

@Tribolonutus: IE, Edge, Safari, to niestety największa bolączka webdevu. Mamy 2017 rok, a ciągle są to przeglądarki, które aktualizowane są razem z systemem, co dodatkowo spowalnia propagację nowych wersji.

[nitrotoxin]

@Tribolonutus: problem jest taki, że Grid powstał dzięki MS i IE masz to zresztą w tym filmie... to inne przeglądarki zmieniły standard który IE/Edge wprowadziły przez co MS musi zaktualizować Edge (który jest częścią systemu i jego aktualizacja jest problematyczna).

[dr__slim]

o panie. teraz moje życie nabierze sensu.

[Tril]

Czyli tak naprawdę wracanie do korzeni z tabelkami, tylko bardziej elastycznymi ;)

[Neoqueto]

@Tril: tabelki są tylko niesemantyczne, ale ratują dupę w wielu przypadkach. CSS jest upośledzony i nie ogarnia w ogóle koncepcji centrowania w pionie dla kontenerów o nieokreślonej wysokości. W poziomie to margin: 0 auto, a w pionie to ojezus, position: absolute, tranformy i co tam jeszcze to strach pomyśleć. Display: table/table-cell to jest czasem jedyna opcja. Bo chyba nie chcesz bawić się w rzeczy takie jak centrowanie z użyciem jQuery,

[c.....n]

juz pan jezus w bibli powiedzial: css guwno

[deathcoder]

Widzę tu tylko jeden mały problem, który wynika z doświadczeń. Pół roku piszesz CMS'a potem miesiąc pracujesz nad layoutem (GRID CSS), a potem okazuje się, że klient ma Edge i jego gówno obchodzi, że dla mnie to jest kiepska przeglądarka.

Poczekam do popawki Edga. Klientów przeskoczyć się nie da czasem.

[maker3]

@deathcoder: -ms-grid?
A bez prefixu na buildach od 16237, czyli w Fall Creators Update we wrześniu będzie.

[KinderBueno]

Wygląda to fenomenalnie! @matcheek dzięki za dodanie wideo

[matcheek]

@KinderBueno: no, mi też się podoba ( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)

[wiertara]

@KinderBueno: Jak pierwszy raz zerknalem na dokumentacje tego grida to nie wygladal tak fenomenalnie. Mysle ze tutaj zostal bardzo przyswajalnie przedstawiony. Ale true, true, wyglada dobrze.

[Linuksiarz1]

Mnie zastanawia fakt kto w dzisiejszych czasach korzysta z IE. W nowych komputerach w większości pakowany jest Windowsiur 10, który jak przypuszczam IE wymienił na Edge. Zakładam, że nowsza przeglądarka zapewne jest mniej upośledzona niż prehistoryczne siostry IE 11, 10, 9 i 8. Wiadomo też, że spora część ludzików instaluje inne przeglądarki - Chrome, Firefox, Opera, Vivaldi itd. Dlaczego więc IE jest ciągle brane pod uwagę? A może nie jest? Niech wypowie

[cypispga]

@Linuksiarz1: np. komputery w firmach gdzie nie masz możliwości instalować nic poza tym co dal admin jest IE jest net. Do tego wielu ludzi za "internet" uważa te niebieskie E bo to jest z komputerem ze sklepu, przypominam że sukces MS wynikał z tego że dodawali to do nowych komputerów.

[rt_of_vnt]

@cypispga: ... tak, tak, a kampania marketingowa Worda z lat 90tych byla tak dobra, ze ludzie kupowli te programy nawet niemajac komputera.

[wiertara]

Czy ktos juz tego uzywal? Naprawde po stworzeniu responsywnej strony te 3/5, 7/9, 3 i 3/4 jest takie czytelne? Mozna flexboxa spokojnie tym zastapic i z latwoscia manipulowac stronka? Zastanawiam sie czy przy jakims wiekszym layoucie, nie takim #!$%@? jak tu przedstawiony, ten grid nie powoduje ze dluzej siedzisz i kminisz niz faktycznie zrobisz.

[n0xx]

@wiertara: Te flexboxy i gridy mają to do siebie, że wszystkie strony wyglądają tak samo...
Nie wiem, ja lecę na fuildzie w % i jakoś w ogóle nie potrzebuję tych magicznych gridów i flexboxów, jak się dobrze rozplanuje, to css'ów pod mniejsze rozdziałki jest bardzo niewiele.