Sandbox 27

Лабораторна робота №4

Онлайн генератори, редактори, сервіси

Що я зрозумів під час виконання цієї лабораторної роботи


Для створення нескладного макету веб-сторінки найкраще використовувати власні мізки та CSS Grid Layout. Онлайн-генератор (принаймні CSStemplater.com, який я використовував для створення цієї веб-сторінки) генерує складний та дещо застарілий код. Я погано розумію цей код і тому не впевнений що він буде працювати за будь-яких умов.

Сьогодні макет веб-сторінки можна легко зробити за допомогою Grid Layout у CSS. Це сучасна, потужна, зручна та зрозуміла макетна система. У ній всі елементи розміщуються згідно з сіткою. У CSS-файлі сторінки для стовпців та рядків сітки вказуються їхні розміри, потім у властивостях кожного елемента вказуються лінії сітки (вертикальні й горизонтальні), між якими його буде розміщено. Якщо знати деякі прийоми, то можна втілити багато цікавих задумів за допомогою Grid Layout. Але є одне "але": ця система досить нова і не підтримується версіями веб-переглядачів старішими березня 2017 року.


Більше про Grid Layout у CSS можна прочитати тут:
https://css-tricks.com/snippets/css/complete-guide-grid/