—»     —»   Новые инструменты: 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   Прочитано (раз): 5958   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

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

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


Перегородки из стекла москва
В продаже - перегородка, цены ниже! Неликвидные остатки
glasstech.ru
Купить справку 086у в Москве
Купить справку 086у в Москве
mospravki.com
Купить столешницу из искусственного камня
Продажа/аренда искусственных камней на крышки люков. Декор септиков и пр
listoun.ru
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930