• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Front - Siatki / RWD / AWD (bez Bootstrapa). Media query, Flexbox, CSS Grid

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
310 wizyt
pytanie zadane 3 kwietnia 2021 w HTML i CSS przez reaktywny Nałogowiec (43,010 p.)
edycja 3 kwietnia 2021 przez reaktywny
Chciałem podpytać o nowsze rozwiązania "na frontcie", służące uzyskaniu responsywności strony. Duże strony podobno robi się głównie w Bootstrap (lub Foundation czy podobnych bibliotekach). W mniejszych i średnich projektach często siatki tworzy się z pomocą Flexboxa i nowszego rozwiązania - CSS Grid. Nie znam żadnego z nich, trochę pobieżnie przeczytałem różnice. Wiem, że Flexbox jest starszy ale lepiej wspierany przez przeglądarki, a CSS Grid jest nowsze, ale ma większe możliwości, więcej bajerów, ponoć lepiej się w nim pisze (w pewnym sensie to następca Flexboxa, choć można używać obydwu jednocześnie).

Mam kilka pytań, co Waszym zdaniem lepsze? (krótko: Dlaczego? W jakich zastosowaniach wypada korzystniej?). CSS Grid wydaje się być lepszy, przyszłościowy... Choć niektórzy piszą, że lepiej poznać oba.

Co z Media Queries, warto też je poznać, czy CSS Grid załatwia sprawę i MQ nie są już potrzebne?

Z czego warto się uczyć CSS Grid (ew. Flexbox)? Znalazłem póki co dość dobre opracowanie, wprowadzenie na stronach Mozilla (MDN).

1 odpowiedź

+1 głos
odpowiedź 3 kwietnia 2021 przez SzkolnyAdmin Szeryf (89,030 p.)
Czego się uczyć? Obu: flexa i grida. Często część strony jest w gridzie (główna siatka), część we fleksie (np. ułożenie elementów w pojemniku, tak, aby same się "zawijały" przy zmianie szerokości ekranu. Grid nie zastąpi ci MQ. Grid to siatka strony, a jaką siatkę zastosować, "powie" ci właśnie MQ.
komentarz 3 kwietnia 2021 przez reaktywny Nałogowiec (43,010 p.)
Krótko, zwięźle - dzięki!

Czyli wszystkie trzy trzeba znać. OK. A jakie źródła polecasz? Poza Mozillą?
komentarz 3 kwietnia 2021 przez SzkolnyAdmin Szeryf (89,030 p.)
komentarz 3 kwietnia 2021 przez reaktywny Nałogowiec (43,010 p.)
Dzięki!

Podobne pytania

+1 głos
2 odpowiedzi 542 wizyt
pytanie zadane 14 grudnia 2019 w HTML i CSS przez viGor Użytkownik (740 p.)
0 głosów
1 odpowiedź 242 wizyt
pytanie zadane 13 czerwca 2020 w HTML i CSS przez MDZAK Nowicjusz (140 p.)
+1 głos
2 odpowiedzi 223 wizyt
pytanie zadane 28 maja 2020 w HTML i CSS przez rob Bywalec (2,440 p.)

93,106 zapytań

142,082 odpowiedzi

321,605 komentarzy

62,447 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...