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