Polski frontend

Będę Programistką

Tworzymy layout strony głównej za pomocą Grid Bootstrap, Flexbox, Grid CSS

W programowaniu jest tak, że jedną rzecz możesz stworzyć na różne sposoby. Dzisiaj pobawimy się różnymi technologiami i stworzymy layout strony głównej za pomocą samodzielnie napisanego grida na wzór Bootstrapa 3, Grid’a z Bootstrapa 4, Flexboxa i Grid’a CSS’a. Zauważyłam, że często dostaję od Was pytania, za pomocą której metody najlepiej stworzyć layout strony głównej, która zawierałabym 4 sekcje – Header, Aside, Main i Footer. Tak naprawdę ja nie potrafię odpowiedzieć na to pytanie. Dzisiaj pokażę Ci jak można stworzyć stronę za pomocą tych trzech, a właściwie czterech „technik”. Na warsztat weźmiemy 4 technologie – Bootstrap 3, Bootstrap 4 (który opiera się już na flexboxie), Flexbox i Grid CSS. Czym jest grid? Na samym początku ustalmy sobie czym jest Grid? Grid jest siatką, w której znajdują się wiersze i kolumny. Wyobraź sobie tabelę w Excel’u. Masz tam wiersze – rows i kolumny – columns. To dzięki nim, możemy poukładać elementy naszej strony. Są one jak puzzle. Dobrze zaprojektowany grid, sprawi, że odejdzie nam masa pracy. Grid zrobiony na podstawie Bootstrapa3 opiera się jeszcze na „starej metodzie” floatów. Nie jest to najlepsza z możliwych metod ale sądzę, że warto ją znać. Dzisiaj spróbujemy sobie stworzyć takie same layouty strony głównej na […]

Artykuł Tworzymy layout strony głównej za pomocą Grid Bootstrap, Flexbox, Grid CSS pochodzi z serwisu .