Форматируем css

Илья Ландар

Сайты, трафик, маркетинг

Форматируем css

Форматируем css

Автор

Илья Ландар

На чтение

2

Просмотров

7 просмотров

Опубликовано

18.05.2020
Время на прочтение: 2 минут(ы)

Настаёт время когда нужно будет упорядочить css, оптимизировать его, сделать более читаемым.

Scss to css

Для начала начнем с css препроцесоров. Препроцессоры мастхев штука как минимум для более быстрой разработки. Как нам настроить среду разработки я рассказываю в этом видео:

Или же можно воспользоваться онлайн сервисом и конвертировать через него scss to css

Css beautifer

Css beautifer

Если нужно перевести css в более читаемый вид. То можно воспользоваться встроенными плагинами в вашей IDE я пользуюсь Sublime — ом. И если надо привести css в опрятный вид есть для этого плагин для саблайма CSScomb
или онлайн сервис css beautifer

Gulp — autoprefixer

Gulp - autoprefixer

Далее когда подходишь к выгрузке сайта, задумываешься о кроссбраузерности. Естественно все префиксы в css не выучишь и не нужно. По этому я использую сборщик gulp. Вот таска gulp — autoprefixer
или онлайн сервис css autoprefixer

Css miniefer

Css miniefer

Оптимизации сайта. В одном css файле может находиться несколько тысяч строк кода. Для более скорого обрабатывания css файла его минифицируют.
Я использую npm пакет gulp ` а cssmin
или онлайн сервис css miniefer

Илья Ландар

Веб специалист
Здравствуйте. Я веб разраотчик, в свободное время пишу статьи. Если есть вопросы по созданию сайта можете написать мне

Вам так же может понравиться

< 1 мин

3 просмотров

Уменьшаем вес картинок для оптимизации сайта

Время на прочтение: < 1 минуты Для начала нам нужно понять зачем нам уменьшать вес картинок. Связь такая. Меньше вес

< 1 мин

3 просмотров

Wow js анимация при появлении.

Время на прочтение: < 1 минуты Что бы сделать анимацию при появлении нам нужно. Github — для скачивания архив wowjs

2 мин

9 просмотров

Просто о сео. Тех часть.

Время на прочтение: 2 минут(ы) При знакомстве с сео, сразу осознаешь что это целая наука которая полностью не изучена

< 1 мин

18 просмотров

Css центрирование. Просто выравниваем блоки.

Время на прочтение: < 1 минуты В верстке часто возникает вопрос центрирования. Расскажу в этой статье как я выравниваю блоки