—»     —»   Новые инструменты: CSS-препроцессор Roole и HTML-конвертер Markdown.css
  Раздел: Инструменты   Нет комментариев  

Новые инструменты: CSS-препроцессор Roole и HTML-конвертер Markdown.css



В сообществе разработчиков происходят невероятные вещи. Новые инструменты появляются чуть ли не каждый час, и некоторые их них становятся просто незаменимыми, а некоторыми все пользуются всего лишь однажды. Сегодня мы хотим рассказать вам о двух инструментах – по одному на каждый тип. В то время как Roole – препроцессор CSS-языка на базе javascript – сразу же кажется невероятно удобным, Markdown.css требует более глубокого изучения, а иногда даже повторного знакомства.

Новые инструменты: CSS-препроцессор Roole и HTML-конвертер Markdown.css

Roole: CSS-препроцессор на базе javascript

Кое-что новенькое из раздела «Полезные инструменты», новый CSS-препроцессор Roole сразу же привлекает внимание. Roole стоит в ряд с Sass и LESS, что изначально может показаться как повторное изобретение колеса.

Тем не менее, Roole отличается. Он основан на чистом javascript, и может быть реализован родным методом, в то время как у его альтернатив есть свои недостатки. Roole можно интегрировать на стороне сервера при помощи node.js, либо на клиентской стороне при помощи нативных способностей, если конечно же, javascript-поддержка не отключена. В последнем случае, и компилятор LESS тоже попадает в беду. Sass же требует больше усилий, если вы хотите производить компилирование в момент запуска.

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

К тому же, Roole за нас заботится о браузерных префиксах. Достаточно коротких инструкций, отвечающих стандартам::

Новые инструменты: CSS-препроцессор Roole и HTML-конвертер Markdown.css

Roole.org/test позволяет вам проводить тестирования на предмет того, поддерживает ли ваш браузер эту технологию, и до какой степени. Наш Chrome, запущенный под Windows 8 Pro, прошел весь путь. Roole на данный момент находится на начальной стадии, и вы можете скачать версию 0.1.2 с Github под лицензионным соглашением MIT.

На сайте проекта представлен редактор в реальном времени для проведения экспериментов с возможностями инструмента. По сравнению с Sass и LESS, Roole пока еще молод. Хотя возможность использования css-препроцессора на чистом коде javascript звучит заманчиво, и мы рекомендуем вам не упускать из виду этот инструмент.

Markdown.css позволяет HTML-коду выглядеть как Markdown

С другой стороны у нас Markdown.css от Питера Коула (Peter Cole). Markdown.css – это таблица стилей для конвертации любого HTML-кода в Markdown. Эй, погодите-ка! Это ведь может быть полезным! Но это не совсем то, что делает Markdown.css, так как он лишь придает HTML вид Markdown. Чтобы визуализировать это, давайте взглянем на скриншоты. Этот HTML:

Новые инструменты: CSS-препроцессор Roole и HTML-конвертер Markdown.css

после Markdown.css будет выглядеть так:

Новые инструменты: CSS-препроцессор Roole и HTML-конвертер Markdown.css

Читабельность улучшилась. Это уже хорошо. Было бы хорошо, если бы могли скопировать и вставить Markdown-код для дальнейшего редактирования. Но это как раз то, что невозможно сделать. Если вы скопируете и вставите, вы потеряете целую часть Markdown.

Новые инструменты: CSS-препроцессор Roole и HTML-конвертер Markdown.css

Следовательно, реализованный при помощи LESS, Markdown.css можно считать простым экспериментом. Здесь нам нравится то, что можно учиться на исходных кодах. Мы вдохновились Markdown.css и его базой LESS. Спасибо, Питер!

Кстати, у Markdown.css есть дополнительный букмарклет, который позволяет вам Markdown-ифицировать любой сайт, который вы просматриваете.

Дополнительные ссылки:

* Roole – язык, компилируемый в CSS
* Roole – Github
* LESS – язык динамических таблиц стилей
* Sass – Syntactically Awesome Stylesheets (синтактически классные таблицы стилей)
* Markdown.css – Демо
* Markdown.css – Github
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, конвертеры
Опубликовал Design FactoRy   Прочитано (раз): 7633   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц December по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Мясо для шаурмы оптом
Оптовые поставки мяса! Поиск производителей! Оптовые цены! Торопись
kebab.su
Acer блок питания
Производитель качественных блоков питания широкого ассортимента, доставка
terios.com.ua
Психолог
Профессиональный психолог. Консультации, помощь, решение проблем. Онлайн
ПСИХОТЕРАПЕВТ35.РФ

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июнь 2019    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930