Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов » CSS-инструментарий

Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов

Об авторе Контакты Реклама Карта сайта

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

CSS-инструментарий

Опубликовано Сентябрь 28th, 2007 в Web-сервисы |

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место
-->

Автор: 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