Генерация CSS кода

404
04 июля 2017, 22:22

Недавно увидел сайт, у которого внутри одного файла стилей ~7000 строк CSS кода. Та вот, вопрос: весь этот код пишется вручную или чем-то сгенерирован?

Answer 1

Верно, скорее всего этот код чем-либо сгенерирован, хотя ничто, конечно, не мешает его написать и вручную. Генерации бывают трех видов:

  1. Конкатенация (объединение) множества файлов в один. Это тот случай, когда вы можете использовать множество сторонних библиотек и плагинов для своего сайта, которые содержат какие-то свои отдельные файлы, и вы хотите объединить их все в один файл, ради скорости работы сайта. Посмотрите на инструмент Webpack, к примеру. Одновременно с этой операцией также обычно делают минификацию кода, когда он максимально сжимается по размеру - убираются все лишние пробелы, переносы и тому подобное.
  2. Генерация кода всяческими препроцессорами. Это когда вы пишете свой код на их языке, и их препроцессоры в последствии разворачивают его уже в css-код, понятный всем браузерам. Смотрите в сторону LESS, SASS.
  3. Генерация кода всяческими визуальными редакторами сайтов, как локально установленными, так и онлайн. Тогда вы вообще не дотрагиваетесь до кода, его генерирует робот. В первом случае можете посмотреть в сторону Adobe Muse, во втором в сторону LPGenerator, к примеру.
READ ALSO
Вытеснение с под fixed

Вытеснение с под fixed

Имеется страница, состоящая из двух основных блоков (header и

321
Как убрать отступы в textarea (Safari для iPad)?

Как убрать отступы в textarea (Safari для iPad)?

Столкнулся с такой проблемой, что у элемента textarea не получается полностью убрать отступ в Safari (iPad)Даже при margin: 0; padding: 0; border: 0; текст все равно...

360
Некорректно работает псевдоэлемент :before

Некорректно работает псевдоэлемент :before

При добавлении псевдоэлемента :before (добавил текст) добавленный элемент дублируетсяНе могу понять, почему

307
Как избавиться от мелькания белого фона при скролле страницы

Как избавиться от мелькания белого фона при скролле страницы

Всем приветСуть вопроса такая-на странице есть несколько фоновых изображений

293