Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!
CSS-инструментарий
Опубликовано Сентябрь 28th, 2007 в Web-сервисы |
Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
Что в процессе веб-разработки может быть лучше простоты, достигаемой с помощью полезных и доступных инструментов? С отобранными нами специально для Вас инструментами Вам больше не составит труда проверить размер шрифта, создать форму, ролловер-навигацию, слайд-шоу, отформатировать CSS или оптимизировать код сайта.
Мы собрали эту коллекцию онлайновых инструментов специально для Вас; отсортировали их по группам, что по-максимуму ускорит поиск нужного инструмента.
Если у Вас есть ссылки на еще какие-либо полезные инструменты для веб-мастеров, просьба поделиться ими в комментариях!
Навигация по статье:
- CSS-инструменты: шрифты
- CSS-инструменты: формы
- CSS-инструменты: разметка макетов
- CSS-инструменты: навигация
- CSS-инструменты: вспомогательные
- CSS-инструменты: для форматирования и оптимизации
CSS-инструменты: шрифты
- CSS Font and Text Style Wizard: Воспользуйтесь данным инструментом с целью тестирования различных шрифтов и стилей.
- Em Calculator: Инструмент, переводящий размер шрифта из пикселей в em’ы.
- korhoen typeviewer: Изменяйте css-стили и сразу же смотрите на результат.
- text sizing - up the garden path: 264 скриншота.
- Typetester: Проводите манипуляции со шрифтами и следите за результатом прямо на экране.
CSS-инструменты: формы
- Accessible Form Builder: Генерируйте XHTML-совместимые и доступные формы за пару кликов.
- CSS Form Code Maker: Генерируйте цветные формы.
- JotForm: Онлайновый WYSIWYG конструктор форм.
CSS-инструменты: разметка макетов
- CSS Creator: Онлайновый CSS-генератор
- CSS HTML PHP Website Template Maker: Этот PHP - HTML - CSS генератор создает 2-ух колончатые макеты с хедером и футером.
- CSS Rounded Box Generator: Генерирует html и css для закругленных блоков.
- Firdamatic: Онлайновый генератор бестабличных макетов веб-страниц.
- Free CSS Template Code Generator: Конструктор 3-ех колончатых бестабличных макетов.
- Layout-o-Matic: Генерирует бестабличные CSS-макеты нажатием кнопки.
- Page Maker - The Generator Form v2.90: Генератор 1-3-ех колоночные макеты.
- QrONE CSS Designer: Онлайновый CSS-генератор.
- Scriptomizers: CSS-Генератор.
CSS-инструменты: навигация
- Colly’s CSS rollover generator: Генератор ролловеров с помощью CSS.
- CSS Tab Designer: CSS Tab Designer – уникальное в своем роде программное обеспечение, обладающее простым и интуитивно понятным интерфейсом. С его помощью Вы сможете создавать разнообразные неотразимые панели навигации.
- Listamatic: Показывается процесс превращения обычных списков в привлекательные навигационные блоки.
- Listamatic2: Вложенные списки.
- List-O-Matic: Генерирует CSS-навигацию из списков.
- List-O-Rama!: Dreamweaver MX и UltraDev Zone - List-O-Rama позволяет создавать отменные навигационные панели за пару минут.
- CSS Menu Generator: CSS Menu Generator генерирует сразу как CSS, так и HTML коды.
CSS-инструменты: вспомогательные
- CSS Love Child: Позволяет отобразить содержимое любого сайта в оболочке любого другого сайта.
- CSSVista: CSSVista – бесплатное программное обеспечение для Windows, позволяющее редактировать CSS в Internet Explorer’e и в Mozilla Firefox.
- HTML and CSS Table Border Style Wizard: Используйте данный сервис для просмотра различных стилевых вариантов оформления таблиц.
- I Like Your Colors!: Извлекает цвета из HTML и CSS кодов понравившегося Вам веб-сайта.
- Online CSS Scrollbar Color Changer: Поэкспериментируйте с цветами скроллбара.
- S5Easy: Create S5 Slideshows Easy Online: Создайте собственное слайд-шоу на сайте за 3 шага.
- Selectoracle: Переводы CSS3 селекторов на английском и испанском языках.
- Spanky Corners: «Spanky Corners» - экспериментальная техника «закругленных уголков». Разметка получается семантически правильной. Для работы не требуется JavaScript.
CSS-инструменты: для форматирования и оптимизации
- CSS Compressor: Оптимизирует CSS-стили.
- CSS Formatierer und Optimierer: Оптимизирует CSS-стили.
- CSSTidy: Оптимизирует CSS-стили.
- CSS Tweak ~ Web Based CSS Tweaker!: Оптимизирует CSS-стили. Mac.
- Clean CSS - Optmize and Format your CSS: Оптимизирует и форматирует CSS-стили.
- Format CSS Online: Форматирует CSS-стили.
- Icey CSS Compressor: Оптимизирует CSS-стили.
- Online CSS Optimizer: Оптимизирует CSS-стили.
- Online CSS Optimiser/Optimizer: Оптимизирует CSS-стили.
- Pretty Printer for PHP, Java, C++, C, Perl, JavaScript, CSS: Приводит в порядок коды.
- Tabifier: Приводит в порядок HTML и CSS коды.
- Webucator: Памятка по CSS. Помимо этого позволяет проверить CSS-код.
Источник: List of CSS Tools
Похожие статьи по блогингу и веб-местерингу:
Fatal error: Call to undefined function: similar_posts() in /home/u82003/w3school.ru/www/blog/wp-content/themes/w3school-blog/single.php on line 35