Работа с HTML и CSS может быть весьма трудоемким процессом. Существует множество CSS-фэймворков, которые могут помочь сэкономить время с базовой структурой. Здесь собраны инструменты, которые помогут вам найти решение конкретной задачи.
Итак начнем.
- Grid designer
Интерактивный инструмент для быстрого проектирования сетки для шаблонов. Позволяет легко для быстро определить расположение, ширину и количество колонок, назначить поля и отступы, задать типографию.
- Kotatsu
Простой генератор HTML таблиц. Очень полезный инструмент для создания таблиц. Всего за несколько кликов вы сможете получить код таблицы с нужным вам количеством строк и столбцов. Есть возможность автоматически присваивать класс к строкам и ячейкам. Единственный минус — нет возможности объединять строки и ячейкам.
- CSS Redundancy Checker
Онлайн тулза, которая производит поиск CSS селекторов, которые не используются в ваших HTML файлах и могут быть лишними.
- CSS Menu Maker
Бесплатный онлайн инструмент, позволяющий создавать и настраивать горизонтальное или вертикальное CSS меню.
- CSS Color Editor
Инструмент, позволяющий легко заменить цвета из вашего CSS-файла. Все, что нужно сделать, это загрузить ваш файл, заменить цвета и создать новый CSS-файл.
переводами документов и текстов.
- CSS Super Scrub
Уменьшение размера файлов CSS в нескольких кликов.
- PX to EM
Преобразование размеров шрифтов в пикселях в EM и наоборот.
- Deploy
Быстрое развертывание веб-проекта с валидным xHTML и CSS в считанные секунды.
- CSS Text Wrapper
Инструмент, позволяющий легко сделать HTML обтекание текстом любой формы, а не только прямоугольника. Вы можете сделать обтекание текста по кривой, зигзагом, или любой другой формы.
- PSDtoCSS online
Онлайн инструмент при помощи которого можно конвертировать ваши PSD-файлы в xHTML и CSS-макеты. Основной минус — даже на платном аккаунте ограничение на загружаемый PSD-файл 8Мб
Это мой первый перевод и поэтому прошу слишком сильно не пинать.
Оригинал: http://cssorgy.com/10-great-tools-for-working-with-html-css-750
- Ищешь вдохновения? Тогда бегом на dofollow блог ульяновского чувака.
2leep.com
28 декабря 2009 в 23:45
Выбрал несколько полезных мне инструментов. Спасибо автору.
04 января 2010 в 21:50
Хотя мне и не пригодятся скорей всего данные инструменты, но спасибо за перевод, а то с англ. туго. Инфа лишней не бывает)
06 января 2010 в 14:10
Спасибо за перевод. Инструменты действительно помогают избежать рутины. Особенно понравилось про обтекание любой формы. Перевод нормальный и понятный, одно предложение только странное: «Лишь один быстро загрузить это необходимо, то Вы можете скачать Вашего макета в архива»
07 января 2010 в 6:14
Хайпер, спасибо. Поправил.
10 января 2010 в 10:54
хорошая подборка, спасибо!)
15 января 2010 в 21:25
Постоянно пользуюсь Deploy, некоторые инструменты знакомы, но большинство вижу в первый раз. Интересный пост….
17 января 2010 в 19:53
спасибо за ссылки — очень интересно было узнать про Grid Designer — раньше все делал сам ручками
)
Так же хочу посоветовать Top Style — дико удобная штука для написания CSS — куча подсказок, разные стандарты CSS, подсветка синтаксиса и так далее, короче мастхэв!
18 января 2010 в 12:53
а что такое css?
18 января 2010 в 13:55
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки.
26 января 2010 в 0:35
Спасибо, за подборку инструментов — реально помогли
28 января 2010 в 2:31
Спасибо, некоторые из них очень полезные))
31 января 2010 в 6:43
Если честно, то никогда не понимал, каким образом подобные инструменты облегчают жизнь вебмастерам. Всю жизнь писал сайты вручную, используя «блокнот» или «бред», и ни каких затруднений совершенно не заметил. Всё чётко и ясно, без ошибок, и достаточно быстро.
31 января 2010 в 9:31
Ну это вряд ли…
06 февраля 2010 в 17:39
а дремвивер спасти может по идеи?! или нет.
06 февраля 2010 в 17:48
Dreamweaver — это все-таки немного не то, о чем я писал. Но как инструмент для верстки — очень удобный, при умелом его использовании.
07 февраля 2010 в 20:40
Взял на заметку пару сервисов…благодарю
08 февраля 2010 в 6:24
Про создание и редактирование меню на CSS интересно. Вообще, хорошо, когда можно оптимизировать хотя бы часть работы, в том числе и по созданию сайтов.
08 февраля 2010 в 17:22
Хороший обзор онлайн примочек. Было полезно. Спасибо.
17 февраля 2010 в 20:24
Спасибо за интересную подборку, узнал несколько новых сервисов, добавил в свой арсенал)
19 февраля 2010 в 8:40
второй комп?
19 февраля 2010 в 8:32
это все хорошо, но кто подскажет, как потом верстку проверяет на маках своих???
нужно же под ie6,7,8 проверку то осуществлять, был бы он не ладный…..
я например пользую виртуальными машинами, но это жутко неудобно, может у кого есть лучшее решение?
19 февраля 2010 в 20:41
Согласен, в нем очень быстро все можно делать. Лепить легко.
21 апреля 2010 в 23:05
Deploy на самом деле классный инструмент,постоянно с ним работаю
06 мая 2010 в 19:16
Хорошая подобрка! спасибо! взял на заметку!
29 сентября 2011 в 13:03
несколько полезных инструментов присутствуют, но все равно вряд ли буду их использовать — проще верстать в качественном редакторе
01 декабря 2011 в 18:28
Спасибо, щас будем пробывать.
Пригодится в дальнейшей роботе.