10 инструментов для работы с HTML & CSS
Работа с 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 блог ульяновского чувака.
Популярность: 56%
Комментарии к посту «10 инструментов для работы с HTML & CSS»
Выбрал несколько полезных мне инструментов. Спасибо автору.
ЦитироватьХотя мне и не пригодятся скорей всего данные инструменты, но спасибо за перевод, а то с англ. туго. Инфа лишней не бывает)
ЦитироватьСпасибо за перевод. Инструменты действительно помогают избежать рутины. Особенно понравилось про обтекание любой формы. Перевод нормальный и понятный, одно предложение только странное: «Лишь один быстро загрузить это необходимо, то Вы можете скачать Вашего макета в архива»
ЦитироватьХайпер, спасибо. Поправил.
хорошая подборка, спасибо!)
ЦитироватьПостоянно пользуюсь Deploy, некоторые инструменты знакомы, но большинство вижу в первый раз. Интересный пост...
Цитироватьспасибо за ссылки — очень интересно было узнать про Grid Designer — раньше все делал сам ручками
)
Так же хочу посоветовать Top Style — дико удобная штука для написания CSS — куча подсказок, разные стандарты CSS, подсветка синтаксиса и так далее, короче мастхэв!
Цитироватьа что такое css?
ЦитироватьCSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки.
Спасибо, за подборку инструментов — реально помогли
ЦитироватьСпасибо, некоторые из них очень полезные))
ЦитироватьЕсли честно, то никогда не понимал, каким образом подобные инструменты облегчают жизнь вебмастерам. Всю жизнь писал сайты вручную, используя «блокнот» или «бред», и ни каких затруднений совершенно не заметил. Всё чётко и ясно, без ошибок, и достаточно быстро.
ЦитироватьНу это вряд ли...
а дремвивер спасти может по идеи?! или нет.
ЦитироватьDreamweaver — это все-таки немного не то, о чем я писал. Но как инструмент для верстки — очень удобный, при умелом его использовании.
Взял на заметку пару сервисов...благодарю
ЦитироватьПро создание и редактирование меню на CSS интересно. Вообще, хорошо, когда можно оптимизировать хотя бы часть работы, в том числе и по созданию сайтов.
ЦитироватьХороший обзор онлайн примочек. Было полезно. Спасибо.
ЦитироватьСпасибо за интересную подборку, узнал несколько новых сервисов, добавил в свой арсенал)
Цитироватьвторой комп?
это все хорошо, но кто подскажет, как потом верстку проверяет на маках своих???
нужно же под ie6,7,8 проверку то осуществлять, был бы он не ладный...
я например пользую виртуальными машинами, но это жутко неудобно, может у кого есть лучшее решение?
ЦитироватьСогласен, в нем очень быстро все можно делать. Лепить легко.
ЦитироватьDeploy на самом деле классный инструмент,постоянно с ним работаю
ЦитироватьХорошая подобрка! спасибо! взял на заметку!
ЦитироватьОставить комментарий