Microsoft сделала подарок всем, кому необходимо тестировать под Internet Explorer, выложив хороший набор официальных виртуальных машин, покрывающих IE начиная с шестого и заканчивая свежим одиннадцатым.
Все заметки с тегами «Tools, CSS»
-
Официальный набор для тестирования под Internet Explorer
17 сентября 2013
-
Least, конвертер CSS в SCSS, LESS и Stylus
11 марта 2012
Попалась полезная штука для перевода старого доброго CSS в синтаксис SCSS, LESS или Stylus. Конечно, инструмент не сделает вам идеально структурированного кода, но с первым шагом поможет.
UPD: и ещё один конвертер CSS→LESS.
-
Sprite Cow
25 июня 2011
Отличный инструмент, позволяющий легко работать с изображениями-спрайтами. Загружаем картинку, щёлкаем на область, получаем CSS со смещением, высотой и шириной.
Очень удобно, меня даже затянуло и я загнал все изображения этого блога в пару спрайтов. Единственный минус — не работает в Opera.
-
Premailer
14 декабря 2010
Premailer — похоже, единственный бесплатный инструмент, хоть как-то облегчающий участь тех, кому приходится верстать HTML-письма. На вход подаём наш HTML с CSS в
head → style
. Отдаётся:- HTML, по возможности, без тега
style
со всеми стилями, применённымиinline
. - Относительные ссылки заменены на абслютные.
- То, что нельзя вынести в
inline
, например,:hover
остаётся вhead
. - Куча предупреждений по совместимости с почтовыми клиентами.
- Текстовая версия письма.
- HTML, по возможности, без тега
-
Кроссбраузерный градиент
23 июня 2010
Онлайн-генератор, позволяющий получить код кроссбраузерного градиента.
Для IE используется фильтр, растягивающий PNG. Для Opera — SVG.
-
SlickPlan
25 сентября 2009
Как-то я писал про SlickMap CSS — отличный набор стилей для отображения карты сайта, свёрстанной при помощи списка.
Появился бесплатный сервис, основанный на SlickMap, который позволяет визуально создать карту сайта.
Сделано довольно приятно.
-
Набор для тестирования вёрстки
26 февраля 2009
Случайно попался неплохой набор виртуализированных браузеров, не требующих установки. Замечательно подойдёт для тестирования вёрстки.
-
Кроссбраузерный аналог PixelPerfect
28 июля 2008
Недавно я писал о плагине Firefox, позволяющем накладывать полупрозрачный макет на текущую страницу при вёрстке.
На хабре сегодня было представлено кроссбраузерное решение данной проблемы.
-
pi.debugger
8 апреля 2008
Вот и дождались! azer koculu написал кроссбраузерный аналог (пока не полный) firebug на js.
-
CSS Frame Generator
7 апреля 2008
Интересный инструмент для генерации CSS-каркаса на основе вашей разметки.