Удобный CSS оптимизатор для работы на каждый день

Не спорю, в сети достаточно инструментов по оптимизации и сжатию CSS, тем не менее я хочу вам представить свой собственный.

Чем он отличается от других подобных инструментов?

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

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

И вот, где-то в октябре мне пришла в голову идея написать уже наконец свой собственный инструмент. Что я и сделал, тем самым сильно облегчив себе жизнь и оптимизировав огромное количество CSS файлов, которым без этого инструмента суждено было оставаться неоптимизированными навечно.

интерфейс CSS оптимизатора
  • 1 — исходный CSS,
  • 2 — то, что получится в итоге,
  • 3 — «No readability, smallest size» — будут удалены абсолютно все переносы строк и результрующий CSS будет в одну строчку, «Editable» — каждый селектор будет начинаться с новой строки и мы сможем спокойно редактировать файл в дальнейшем,
  • 4 — если отмечен этот чекбокс, то результат будет загружен в виде файла.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Комментарии 5

  • Андрей 30 октября 2014 #

    Спасибо! Самый простой и адекватный оптимизатор.

    • Андрей 30 октября 2014 #

      Забыл добавить. Еще неплохо было если пробелы удалялись между символом ">" и словом !important и скобками "(" ")". Для примера можете попробовать сжать файл bootstrap.css

      • Миша 30 октября 2014 #

        Окей, доработаю)

  • Spartak 31 марта 2015 #

    Спасибо. Оптимизатор действительно адекватный. Многие пробовал, после ряда оптимизаторов ломался весь дизайн.
    После вашего все адекватно отображается.

    • Миша 31 марта 2015 #

      Пожалуйста! Буду благодарен, если заюзаете кнопки соц сетей на странице инструмента 🙂

Оставить комментарий

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, в случае несоблюдения этого условия в 99% случаях ваш коммент будет удалён, а автор заблокирован. Печалька.