Как редактировать сжатые CSS файлы



Как редактировать сжатые CSS файлы

Как редактировать сжатые CSS файлы

Как редактировать сжатые файлы стилей? Этот вопрос может стать актуальным в некоторых случаях работы с сайтами.

Кто не в курсе – сжатый, оптимизированный файл CSS – это такой файл стилей, в котором убраны все пробелы и пустые строки. Текст в таком файле идет сплошной строкой и применяется такой подход для уменьшения размера нужного файла.

Не часто, но иногда попадаются такие файлы и, вполне естественно, что вносить изменения в них является не самым приятным занятием. Через поиск ищется нужный класс, затем следующий и так далее. Через полчаса такой работы в глазах рябит и остаётся одно желание – послать этот файлик куда подальше.

К примеру, вы скачали шаблон сайта. Всем он хорош, красивый, удобный, прямо под нужную задачу, но, вдруг, вы с удивлением обнаруживаете, что все файлы стилей сжаты. Конечно, те, кто сжимал эти файлы заботились о весе и скорости загрузки и сделали оптимизацию уже после всех правок и корректировок. А вам как это всё под себя править? Идти другой вариант искать, или ковыряться с неудобным кодом. Такой работы никому не пожелаешь.

Можно, конечно, создать свой файл стилей и прописать его ниже сжатого. Там можно через !IMPORTANT сделать необходимые изменения. Как вариант подойдет. Но тут, опять же, лишние файлы, снижение скорости загрузки и прочие неудобства.

А можно воспользоваться быстрым и удобным сервисом, который за секунду преобразует любой файл стилей в удобочитаемый вариант, и не нужно для этого ни денег платить, ни глаза ломать.

Сервис для преобразования сжатых CSS файлов

Называется сервис CSS Beautify и находится по этому адресу. Всё просто, понятно, быстро и удобно.

Сервис css-beautify для преобразования сжатых файлов стилей

Сервис css-beautify для преобразования сжатых файлов стилей

  • Для начала надо сохранить копию вашего сжатого файла. Ну мало ли что не так пойдёт, всегда можно откатить ненужные изменения.
  • Затем выделяем весь текст нужного файла и копируем в буфер обмена.
  • Идем на сервис CSS Beautify и делаем вставку в левое окошко под названием Type any unformatted CSS:
  • В правом окошке мы получаем нужный текст в трансформированном виде, который нужно выделить и вставить в наш сжатый файл вместо сплошного текста.
  • При желании, справа можно настроить количество отступов и автоматическую простановку точки с запятой в стилях.

Вот и всё. Мы получили нужный файл стилей в удобном виде для работы. Не забудьте проверить то, насколько корректно было проведено преобразование. От глюков никто не застрахован, для этого резервную копию и делали.

@ ПОДПИСАТЬСЯ НА НОВОСТИ САЙТА

Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

Поделиться:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:bye: 
:good: 
:za-nas: 
:wacko: 
:yahoo: 
:skromnost: 
:heart: 
:rose: 
:-) 
:yes: 
:cry: 
:mail: 
:unsure: 
;-)