flexbox (8)

Ефективний спосіб створення "липкого" футера

При розробці веб-макетів, в якийсь момент ви, ймовірно, зіткнетеся з цією проблемою: {full-post-img} Таке трапляється коли нижній колонтитул позиціонується статично в кінці тега body, а контент не займає достатньо простору. Там немає нічого, що мог...

Codeguida · 06 жовтня 2021 · 16

5 flexbox-технік, про які ви повинні знати

Flexbox це стандарт CSS, розроблений для полегшення створення інтерфейсів. Використовуючи різні властивості flexbox, ми можем сконструювати нашу сторінку з блоків, що розміщуються і розтягуються як ми того забажаємо. Сторінки та додатки, створені так...

Codeguida · 22 червня 2021 · 351

Вертикальне центрування з допомогою CSS Flexbox

Flexbox - рішення, яке позбавляє розробників від кошмарів розмітки документа за допомогою CSS. У цього інструмента ще довгий шлях розвитку, проте вже зараз з допомогою Flexbox можна з легкістю вирішити найдавнішу проблему — вертикальне центрування ел...

Codeguida · 14 грудня 2020 · 12

Випадкові зображення з допомогою Flexbox та JavaScript

Рандомізовані елементи веб-сторінок - простий і ефективний метод для збільшення користувачів на сайті. Цей ефект легко досягнути всього декількома рядками JavaScript. Потрібно обережніше використовувати термін "випадковий". Процес рандомізації контен...

Codeguida · 01 грудня 2020 · 6

Повне керівництво по Flexbox

Це повне керівництво пояснює все про flexbox, зосереджуючись на всіх можливих властивосях для батьківського елемента (контейнер flex) та дочірніх елементів (елементи flex). Воно також включає в себе історію, демонстрації, шаблони і таблицю підтримки...

Alex · 11 жовтня 2020 · 3.8K

Найпростіший cпосіб cтворювати сайдбари однакової висоти

Довгий час ми були змушені створювати інтерфейси наших веб-додатків з використанням CSS макетів, які спочатку були призначені для горизонтального розміщення елементів. Не дивно, що це велика проблема для початківців! На щастя, ситуація змінюється - т...

Codeguida · 03 липня 2020 · 13

Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback

Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого часового розриву між правильним та неправильним в...

Codeguida · 3 роки тому · 54

Grid vs Flexbox: що обрати?

Попри деякі спільні риси, CSS Grid та CSS Flexbox використовуються для дуже різних завдань; кожна з цих технологій вирішує свій набір проблем. У статті ми розглянемо відмінності між цими техніками, дослідимо, як вони допомагають вирішувати різні проб...

Codeguida · 26 жовтня 2018 · 163