Архивы SCSS - WordPress +plugins ● Laravel ● Symfony ● Yii2 ● AlpineJS розробка

SCSS

Як зробити поле, що автоматично розширюється, на чистому CSS3

Всім доброго часу доби та гарного настрою.

Оскільки останнім часом мені довелося зануритися у верстку, деякі статті будуть присвячені HTML5, CSS3, Flexbox та іншим подібним темам. Досвідченим програмістам ці уроки можуть здатися досить простими. Але, можливо, ви все ж знайдете для себе щось нове або ж — більш просте рішення того, чим користуєтесь зараз.

2018-12-15 Pavel Web КоментаріНемає Коментарів

Кастомна верстка на Bootstrap 3

Здравствуйте! У цій статті хочу описати свій досвід кастомної верстки з використанням фреймворку Bootstrap 3.

Чим саме ми займатимемося?

Навчимося встановлювати SCSS-версію Bootstrap через Bower
Налаштовувати сітку Bootstrap та інші параметри фреймворку (за потребою)
Вмикати ті чи інші компоненти Bootstrap у «результативний» файл стилів

Конфігурація проєкту

Для початку, давайте визначимося зі структурою каталогів нашого проєкту. Візьмемо, наприклад, таку:

/_data
/scss
/bootstrap //У цьому каталозі знаходяться змінені нами файли Bootsrap
_bootstrap.scss //Підключені компоненти
_variables.scss //Змінні
style.scss //Зміст підключення інших файлів
template.scss //Стилі проекту
.bowerrc
bower.json
gulpfile.js
package.json
/assets// Містить завантажені бовером скрипти
/image //Зображення та стилі проекту
index.php

2017-12-07 Pavel Web КоментаріНемає Коментарів