Хабрахабр / Комментарии к посту «Список полезных инструментов для CSS разработчика» в блоге «Веб-разработка»

17.09.2009 11:57:26 sunnybear

sunnybear — Thu, 17 Sep 2009 11:57:26 GMT

не упомянут CSS Tidy ( csstidy.sourceforge.net/ ) — библиотека для форматирования и минимизации CSS-кода
+ можно упомянуть про Auto Sprites ( sprites.in/ ) — инструмент для полностью автоматического создания спрайтов
+ SpriteMe ( spriteme.org ) — также инструмент для автоматических спрайтов, только работает на стороне пользователя.
+ Minify ( code.google.com/p/minify/ ) — автоматическое объединение файлов стилей
+ Web Optimizer ( code.google.com/p/web-optimizator/ ) — автоматическая клиентская оптимизация

15.09.2009 07:23:00 semper

semper — Tue, 15 Sep 2009 07:23:00 GMT

Из существенного я бы добавил

OOCSS — CSS-фреймворк для «объектно ориентированного» CSS. По духу чем-то напоминает вёрстку независимыми блоками, позволяет красиво организовать front-end архитектуру, особенно полезен для больших проектов.

Для работы со шрифтами сегодня как раз наткнулся на чудесный сервис Kernest, предлгающий шрифты (как платные, так и бесплатные) для вставки через @font-face. Удобный функционал по сравниванию шрифтов, жаль только, их нельзя посмотреть все сразу, только по категориям, но категорий, с другой стороны, там множество — по тэгам, по типу лицензии, по автору и т.д.

В категории «анализ и отладка» не хватает MODIv2 — кроссбраузерной библиотеки, доступной через букмарклет, которая позволяет при помощи клавиатуры творить с DOMом всё что заблагорассудится. Менять стили на лету напрямую он не позволяет, только через атрибут style, но для того, чтобы отловить баги, его бывает более чем достаточно. Документация только на английском, но она простая :)

В тему спрайтов, хоть это и не совсем про CSS, хотелось бы добавить punypng — милый, но мощный сервис для сжатия png. Подробнее про него (на русском) — тут.

Ещё большая (во многом пересекающаяся с этой) подборка инструментов для расширения возможностей CSS (а ля переменные, вложенные селекторы и т. п.) была опубликована недавно на SM.

11.09.2009 20:08:44 ilyaProphet

ilyaProphet — Fri, 11 Sep 2009 20:08:44 GMT

Можно еще добавить:

Формы
JotForm
FormDesk
Цвет — Adobe Kuler
Создание меню — IzzyMenu.com

10.09.2009 12:23:12 JN0iZzze

JN0iZzze — Thu, 10 Sep 2009 12:23:12 GMT

Посмотрев этот добрый список, почуствовал просветление… буду знать и пользоваться )

09.09.2009 19:58:50 GreLI

GreLI — Wed, 09 Sep 2009 19:58:50 GMT

Не понимаю мучений с шрифтами в таблицах.
table {font-size: 1em} — и всё работает как часы.

09.09.2009 19:52:36 katremer

katremer — Wed, 09 Sep 2009 19:52:36 GMT

Товарищи, а подскажите, я туплю или Blueprint рассчитан на Doctype HTML 4? Это же значит, что им в IE толком нельзя пользоваться, если есть таблицы в контенте — с размером шрифтов намучаешься.

09.09.2009 06:48:11 ionicman

ionicman — Wed, 09 Sep 2009 06:48:11 GMT

Кому нужно — для импорта в закладки замечательного браузера FireFox файлик тут.

Там немного передлано — убрана лишняя разгруппированность, а также ссылки на extensions FireFox-а и раздел «за пределами CSS».

Пользуйтесь кому нужно :)

09.09.2009 06:32:45 XaBoK

XaBoK — Wed, 09 Sep 2009 06:32:45 GMT

Мне Web Developer не нужен, а в Firebug линейки нет. А что уж до ColorZilla, то смотри раздел Цвет…

09.09.2009 06:00:42 Jman

Jman — Wed, 09 Sep 2009 06:00:42 GMT

Линейка есть и в Web Developer, может немного хуже, но зачем лишние плагины?

Странно что про этот плагин (Web Developer) не сказано ни слова, а ещё никто не вспомнил о ColorZilla.

09.09.2009 01:12:53 sl_bug

sl_bug — Wed, 09 Sep 2009 01:12:53 GMT

но качество работы данных сервисов не всегда устраивает, приходится загружать .psd заново :)

08.09.2009 21:46:11 DVF

DVF — Tue, 08 Sep 2009 21:46:11 GMT

+ Ещё один фрэймворк css-framework.ru/

08.09.2009 21:19:13 Aldarund

Aldarund — Tue, 08 Sep 2009 21:19:13 GMT

Заменил ссылку на обзор таких сервисов на хабре. Там он есть :)

08.09.2009 21:18:29 Aldarund

Aldarund — Tue, 08 Sep 2009 21:18:29 GMT

Интересно, нада будет поглядеть на досуге. Добавил в список.

08.09.2009 21:16:46 Aldarund

Aldarund — Tue, 08 Sep 2009 21:16:46 GMT

Спасибо, не знал такого. Добавил.

08.09.2009 21:16:15 Aldarund

Aldarund — Tue, 08 Sep 2009 21:16:15 GMT

Хм, интересно. Добавил.

08.09.2009 21:09:10 Octane

Octane — Tue, 08 Sep 2009 21:09:10 GMT

Есть еще ExtCSS, тоже позволяет использовать вложенные конструкции и константы в CSS. Написан на PHP. Только автор никак не расшевелится написать документацию.

Использование переменных:

$vars {
	$bgcolor = #efefef;
	$alink = #414141;
	$avisited = #999;
	$ahover = #01a5e4;
}

Вложенные конструкции:

.post {
        font-size: 0.875em;
        p, ul, ol {
                margin: 0 0 14px;
        }
        ul, ol {
                padding: 0;
                li {
                        display: list-item;
                }
        }
}

Описание псевдоэлементов во вложенных конструкциях:

.nav a.current {
	&:link {…}
	&:visited {…}
}

Есть еще аналог PHPшного include, а так же корректная работа с @media.

08.09.2009 19:37:53 Wolfherz

Wolfherz — Tue, 08 Sep 2009 19:37:53 GMT

Большое спасибо за подборку

08.09.2009 18:46:57 karamba

karamba — Tue, 08 Sep 2009 18:46:57 GMT

Интерес подлинный. Спасибо за ответ.

08.09.2009 18:44:07 Aldarund

Aldarund — Tue, 08 Sep 2009 18:44:07 GMT

Чем-то пользуюсь, чем-то нет. О многих позициях узнал только из этого обзора.
А в чем смысл вопроса?

08.09.2009 18:28:18 mongoose

mongoose — Tue, 08 Sep 2009 18:28:18 GMT

Советую попробовать FastStone Capture

08.09.2009 17:04:26 karamba

karamba — Tue, 08 Sep 2009 17:04:26 GMT

Вы этим пользуетесь?

08.09.2009 16:57:46 Mel

Mel — Tue, 08 Sep 2009 16:57:46 GMT

Я бы сказал бывают в жизни веселые случайности, если бы кто-то в карму не плюнул :)

08.09.2009 15:36:13 Tbird

Tbird — Tue, 08 Sep 2009 15:36:13 GMT

А как же YASS разработка хабрапользователя sunnybear? Sizzle года через два до его скорости дойдет.

08.09.2009 15:29:08 d3rp

d3rp — Tue, 08 Sep 2009 15:29:08 GMT

да ну, откуда им взяться :)

08.09.2009 14:28:32 DIDJER

DIDJER — Tue, 08 Sep 2009 14:28:32 GMT

И в чём же разница?

08.09.2009 14:03:15 Shchvova

Shchvova — Tue, 08 Sep 2009 14:03:15 GMT

есть ещё странное — генерация CSS и шаблона по PSD, правильно оформленному. На удивление хорошо работает, на ютубе есть несколько скринкастов. psd2cssonline.com

08.09.2009 14:01:50 Shchvova

Shchvova — Tue, 08 Sep 2009 14:01:50 GMT

извините, мисклик…

08.09.2009 14:01:38 MaxChe

MaxChe — Tue, 08 Sep 2009 14:01:38 GMT

вот еще- spoon.net/browsers
не нашел у Вас в списке.
можно загрузить любой браузер из веб и проверить свой сайт на кроссбраузерность.

08.09.2009 13:59:23 Shchvova

Shchvova — Tue, 08 Sep 2009 13:59:23 GMT

да, есть ещё странное, типа psd2cssonline.com
на удивление хорошо работает

08.09.2009 13:58:33 Shchvova

Shchvova — Tue, 08 Sep 2009 13:58:33 GMT

да пожалуйста psd2cssonline.com

08.09.2009 13:49:14 boblin

boblin — Tue, 08 Sep 2009 13:49:14 GMT

еще хочу посоветовать sass — компилятор в стайлшиты. Очень удобно — форматирование отступами, как в питоне, миксины с параметрами (почти функции), переменные и операции над ними типа 10px+2pt или #00ff00 + #ff0000. Создатели называют тулзу «css haiku». Подробнее можно почитать на haml-lang.com/, мануал — haml-lang.com/docs/yardoc/SASS_REFERENCE.md.html, песочница для поиграться — на lab.hamptoncatlin.com/play/with/sass

написан на руби, есть порты на php, c# и куда-то еще

08.09.2009 13:48:04 BassEast

BassEast — Tue, 08 Sep 2009 13:48:04 GMT

это немного разные вещи: css-дизайнеры и верстальщики.

08.09.2009 13:03:12 DIDJER

DIDJER — Tue, 08 Sep 2009 13:03:12 GMT

А почему бы не назвать комплексно — верстальщики?

08.09.2009 12:55:22 DIDJER

DIDJER — Tue, 08 Sep 2009 12:55:22 GMT

Но уж точно не разработчики.

08.09.2009 12:46:17 Ferroman

Ferroman — Tue, 08 Sep 2009 12:46:17 GMT

Боты на хабре? Нет пути.

08.09.2009 12:24:49 BassEast

BassEast — Tue, 08 Sep 2009 12:24:49 GMT

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

08.09.2009 12:24:17 dvryltsov

dvryltsov — Tue, 08 Sep 2009 12:24:17 GMT

Добавляю в закладки! Спасибо за перевод.

08.09.2009 12:21:20 dohlik

dohlik — Tue, 08 Sep 2009 12:21:20 GMT

«Около 3х лет вплотную работаю над этой проблемой и нахожу ваши идеи немного легкомысленными»

:)

08.09.2009 12:20:52 Aldarund

Aldarund — Tue, 08 Sep 2009 12:20:52 GMT

Да, было дело :) Там в комментах кто-то попросил перевести, вот я и перевел…

08.09.2009 12:17:29 BassEast

BassEast — Tue, 08 Sep 2009 12:17:29 GMT

я бы их назвал CSS-дизайнеры, нежели разработчики. Но без их работы, можно слабо себе представить web-дизайнерское будущее и настоящее.