flexbox
(8)
Ефективний спосіб створення "липкого" футера
При розробці веб-макетів, в якийсь момент ви, ймовірно, зіткнетеся з цією проблемою: {full-post-img} Таке трапляється коли нижній колонтитул позиціонується статично в кінці тега body, а контент не займає достатньо простору. Там немає нічого, що мог...
Codeguida · 06 жовтня 2021 · 17
5 flexbox-технік, про які ви повинні знати
Flexbox це стандарт CSS, розроблений для полегшення створення інтерфейсів. Використовуючи різні властивості flexbox, ми можем сконструювати нашу сторінку з блоків, що розміщуються і розтягуються як ми того забажаємо. Сторінки та додатки, створені так...
Codeguida · 22 червня 2021 · 355
Вертикальне центрування з допомогою CSS Flexbox
Flexbox - рішення, яке позбавляє розробників від кошмарів розмітки документа за допомогою CSS. У цього інструмента ще довгий шлях розвитку, проте вже зараз з допомогою Flexbox можна з легкістю вирішити найдавнішу проблему — вертикальне центрування ел...
Codeguida · 14 грудня 2020 · 12
Випадкові зображення з допомогою Flexbox та JavaScript
Рандомізовані елементи веб-сторінок - простий і ефективний метод для збільшення користувачів на сайті. Цей ефект легко досягнути всього декількома рядками JavaScript. Потрібно обережніше використовувати термін "випадковий". Процес рандомізації контен...
Codeguida · 01 грудня 2020 · 6
Повне керівництво по Flexbox
Це повне керівництво пояснює все про flexbox, зосереджуючись на всіх можливих властивосях для батьківського елемента (контейнер flex) та дочірніх елементів (елементи flex). Воно також включає в себе історію, демонстрації, шаблони і таблицю підтримки...
Alex · 11 жовтня 2020 · 3.9K
Найпростіший cпосіб cтворювати сайдбари однакової висоти
Довгий час ми були змушені створювати інтерфейси наших веб-додатків з використанням CSS макетів, які спочатку були призначені для горизонтального розміщення елементів. Не дивно, що це велика проблема для початківців! На щастя, ситуація змінюється - т...
Codeguida · 03 липня 2020 · 13
Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback
Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого часового розриву між правильним та неправильним в...
Codeguida · 4 роки тому · 55
Grid vs Flexbox: що обрати?
Попри деякі спільні риси, CSS Grid та CSS Flexbox використовуються для дуже різних завдань; кожна з цих технологій вирішує свій набір проблем. У статті ми розглянемо відмінності між цими техніками, дослідимо, як вони допомагають вирішувати різні проб...
Codeguida · 26 жовтня 2018 · 166