Множество способов облегчить жизнь веб-дизайнеру.
Подбор цвета.
Думаю мало, кому удастся сразу определить необходимый цвет для элемента на странице. Небольшая подборка инструментов:
Будет полезно прочесть англ.: Find the Perfect Colors for Your Website.
Меню для сайта на основе CSS.
Каскадные таблицы стилей (CSS) прочно вписались в нашу жизнь. Конечно, более компактный код и большое количество возможностей, предоставляемых CSS, не могли не привлечь к себе внимание.
Вот несколько ссылок, где есть уже готовые меню, некоторые возможно придётся немного подправить под свои нужды:
- Listamatic
- Exploding Boy
- Alvit.de
- Dynamic Drive
- Коллекция CSS меню vandelaydesign.com
- Stu Nicholls | CSSplay | CSS demonstrations
Фотографии для сайта.
Самые разнообразные фотографии для сайта, с прекрасным качеством. Бесплатные фотографии.
- Stock.Xchng - бесплатные фотографии.
- Stock Expert - платные фотографии.
- iStockphoto - платные фотографии.
- Big Stock Photo - платные фотографии.
Иконки для сайта.
А как же без них!
- IconFinder.net - Поисковая система по иконкам.
- 31 источник бесплатных и эффектных иконок
Шаблоны сайтов на основе CSS.
Начинать делать шаблон с нуля, конечно же, хорошо. Но если на сайте не нужен совершенно уникальный дизайн, то можно воспользоваться бесплатными шаблонами. Уверен, что в большинстве случае, найдётся необходимое.
- Layout-O-Matic - Сервис позволяет создать собственные шаблоны сайтов на основе CSS.
- CSS Creator - генератор CSS шаблонов.
- Layout Gala - Коллекция шаблонов для сайтов.
- Open Designs - Бесплатные шаблоны.
- Open Source Templates - Еще масса бесплатных шаблонов сайтов.
Проверка неработающих ссылок.
Проверка неработающих ссылок. Неработающие ссылки отрицательно влияют на приток посетителей. Сайт должен находиться в тонусе. А поддержать его можно здесь:
Как выглядит сайт в разных браузерах?
При создании сайта необходимо контролировать, как выглядит сайт в разных браузерах. В этом окажут помощь данные сервисы:
Будет полезно прочесть англ.: Effectively Testing Your Website in Multiple Browsers.
Валидаторы
Проверить валидность кода на сайте, можно здесь:
Скрипты
Готовые скрипты для сайта:
- JavaFile
- PHP Freaks
- DynamicDrive
- The JavaScript Source
- PowerfulScripts
- DHTMLGoodies.com
- PHP Open Source Scripts
Генератор фавикон
Генератор логотипа для сайта (фавикон).
- Dynamic Drive
- Favicon from Pictures
- FaviconGenerator.com
- Favicons with text instead of images
- Graphics Guru
Шрифты
Подборка шрифтов для сайта:
- 80 Beautiful Typefaces for Professional Design (Smashing Magazine)
- dafont.com
- Urban Fonts
- 1001 Free Fonts
Web 2.0 Инструменты
Попробуйте для своего сайта.
Генераторы кнопок
Создайте свои кнопки.
Генератор градиентов
Свой градиент - нет ничего проще!
Круглые углы
Круглые углы в блоках, средствами CSS.
Картинки комментариев и цитат
Картинки комментариев и цитат, средствами CSS.
Иструменты CSS
Оптимизация кода CSS файла:
- CSS Tidy - CSS оптимизатор и парсер.
- Clean CSS - CSS оптимизатор.
- CSS Optimizer
- CSS Analyzer - к тому же валидатор.
- CSS Mate - онлайн редактор CSS.
- CSS Compressor - компрессор CSS.
Полезное
- Русские переводы документов World Wide Web Consortium (W3C)
- Firebug
- Клоны lightbox, может быть очень полезно.