77 способов сделать жизнь веб-дизайнера легче

[lerchik61]

Инструменты по работе с цветом

Выбор цветовой гаммы- непростое дело. В этом вам помогут следующие полезные инструменты:


* Color Schemer Gallery
www.colorschemer.com/schemes/

* COLOURlovers
www.colourlovers.com/

* Website Color Picker
www.digitdesigns.com/colrPick/framePic.htm

* I Like Your Colors
redalt.com/Tools/I+Like+Your+Colors

Готовые меню для сайта на основе CSS

Навигация сайта на основе CSS (Каскадных Таблиц Стилей) сейчас очень популярна. К тому же вам не надо создавать все эффекты с нуля. Существует множество уже готовых эффектных меню. Вы можете сразу установить эти меню на свой сайт или блог либо немного отредактировать их, чтобы они более гармонично вписались в ваш дизайн.


* Listamatic
css.maxdesign.com.au/listamatic/

* Exploding Boy
exploding-boy.com/images/cssmenus/menus.html

* Alvit.de
www.alvit.de/web-dev/tabs-and-pure-css-navigati...

* Dynamic Drive
www.dynamicdrive.com/dynamicindex1/indexb.html

* Коллекция CSS меню vandelaydesign.com
www.vandelaydesign.com/cssmenus/lists.htm


Фотографии для вашего сайта

Эффектные фотографии могут преобразить внешний вид вашего сайта. Вы можете найти множество бесплатных изображений на интернете.


* Stock.Xchng - бесплатные фотографии.
www.sxc.hu/index.phtml

* Stock Expert - платные фотографии.
www.stockxpert.com/

* iStockphoto - платные фотографии.
www.istockphoto.com/index.php

* Big Stock Photo - платные фотографии.
www.bigstockphoto.com/

Иконки


* IconFinder.net - Поисковая система по иконкам.
www.iconfinder.net/

* 31 источник бесплатных и эффектных иконок
www.vandelaydesign.com/blog/design/free-icons/

Заготовки для шаблонов WordPress

Если вы сами создаете шаблоны для WordPress, то вы сможете сэкономить себе массу времени, загрузив эти заготовки для шаблонов www.tomorrows-laundry.com/ (от Tomorrow’s Laundry www.tomorrows-laundry.com/).

Шаблоны сайтов на основе CSS

Вы сможете также сэкономить массу времени, если начнете свой дизайн сайта не с нуля, а с использования шаблона сайта на основе CSS. Многие дизайнеры использовали в своих сайтах подобные шаблоны.


* Layout-O-Matic - Сервис позволяет создать собственные шаблоны сайтов на основе CSS.
www.inknoise.com/experimental/layoutomatic.php

* CSS Creator - генератор CSS шаблонов.
csscreator.com/?q=tools/layout

* Layout Gala - Коллекция шаблонов для сайтов.
blog.html.it/layoutgala/

* Open Designs - Бесплатные шаблоны.
www.opendesigns.org/

* Open Source Templates - Еще масса бесплатных шаблонов сайтов.
www.opensourcetemplates.org/

Сервис по проверке неработающих ссылок

Неработающие ссылки отрицательно влияют на посетителей. Для быстрой и регулярной проверки неработающих ссылок воспользуйтесь этими сервисами:

* DeadLinks.com
www.dead-links.com/

*Online Link www.affiliateprogramslocator.com/tools/link_val...
Validation Tool www.affiliateprogramslocator.com/tools/link_val...


Проверка сайта в разных браузерах

Проверка того, как сайт отображается в разных браузерах- это неотъемлемая часть создания дизайна сайта. Проверить, как выглядит тот или иной сайт в разных браузерах, вы можете с помощью этих сервисов:


* Browser Shots
browsershots.org/

* Browsercam
www.browsercam.com/

* NetMechanic
www.netmechanic.com/products/browser-index.shtm...

Валидаторы

Валидность кода Вашего сайта можно проверить с помощью этих полезных сервисов:


* HTML
validator.w3.org/

* CSS
jigsaw.w3.org/css-validator/

* RSS and Atom
validator.w3.org/feed/

* RSS, Atom, and KML
feedvalidator.org/

Скрипты

Нет необходимости придумывать колесо. Сэкономьте время, используя готовые и успешно работающие скрипты:


* JavaFile
www.javafile.com/

* PHP Freaks
www.phpfreaks.com/

* DynamicDrive
www.dynamicdrive.com/

* The Javasсript Source
javasсript.internet.com/

* PowerfulScripts
www.powerfulscripts.com/

* DHTMLGoodies.com
www.dhtmlgoodies.com/

* PHP Open Source Scripts
www.opensourcescripts.com/dir/PHP/

Генератор фавиконок

Фавиконки (маленькие изображения с логотипом сайта в адресной строке браузера, а также слева от названия сайта в результатах поисковиков) становятся все более популярны. Используя эти сервисы можно легко и быстро создать свой фавикон:

* Dynamic Drive
tools.dynamicdrive.com/favicon/

* Favicon from Pictures
www.htmlkit.com/services/favicon/

* FaviconGenerator.com
www.favicongenerator.com/

* Favicons with text instead of images
antifavicon.com/

* Graphics Guru
www.graphicsguru.com/favicon.php

Шрифты

Шрифты очень важны в дизайне. Вот подборка прекрасных сайтов со множеством шрифтов:

* 80 Beautiful Typefaces for Professional Design (Smashing Magazine)
www.smashingmagazine.com/2007/08/08/80-beautifu...

* dafont.com
www.dafont.com/

* Urban Fonts
www.urbanfonts.com/

* 1001 Free Fonts
www.1001freefonts.com/

Web 2.0 Инструменты

Большинство современных web 2.0 и социальных медиа сайтов имеют схожие элементы дизайна. Попробуйте эти сайты для создания современного и эффектного дизайна:

* Генератор полосок
www.stripegenerator.com/

* Web 2.0 Бэджики
www.web20badges.com/

* Еще Web 2.0 Бэджики
www.dezinerfolio.com/2007/04/23/web-20-badges-f...

* Web 2.0 Иконки
utombox.com/my-works/

* Web 2.0 генератор логотипов
h-master.net/web2.0/

Генераторы кнопок

Кнопки повсюду. Они легко и просто создаются с помощью этих инструментов:

* Dynamic Drive
tools.dynamicdrive.com/button/

* Kalsey.com
kalsey.com/tools/buttonmaker/

* Lucazappa.com
www.lucazappa.com/brilliantMaker/buttonImage.ph...

* Blog Flux
tools.blogflux.com/buttonmaker/

* Yugatech.com
www.yugatech.com/make.php

* MyCoolButton
www.mycoolbutton.com/

* Buttonator
www.buttonator.com/

Генератор градиентов

Градиент- неотъемлемая часть стиля web 2.0. С этими инструментами вы сможете создать любой градиент в несколько кликов:

* Dynamic Drive
tools.dynamicdrive.com/gradient/

* 4u2ges.com
www.guestbook.4u2ges.com/gradient-image-maker.a...

Круглые углы

Блоки меню с круглыми углами теперь может создать каждый:

* CSS Rounded Box Generator
www.neuroticweb.com/recursos/css-rounded-box/

* Spiffy Corners
www.spiffycorners.com/

Картинки комментариев и цитат на основе CSS

Картинки комментариев и цитат придадут вашему дизайну индивидуальность:

* WillMayo.com
www.willmayo.com/2007/02/10/css-speech-bubbles/

* CSS Play
www.cssplay.co.uk/menu/bubbles

Иструменты CSS

Если вы хотите очистить, оптимизировать и уменьшить размер кода своего файла CSS, то эти инструменты как раз для вас:


* CSS Tidy - CSS оптимизатор и парсер.
csstidy.sourceforge.net/

* Clean CSS - CSS оптимизатор.
www.cleancss.com/about.php

* CSS Optimizer
www.cssoptimiser.com/

* CSS Analyzer - к тому же валидатор.
juicystudio.com/services/csstest.php

* CSS Mate - онлайн редактор CSS.
cssmate.com/csseditor.htm

* CSS Compressor - компрессор CSS.
www.cssdrive.com/index.php/main/csscompressor/

DHTML Меню для сайта

Xtreeme DHTML Menu Studio www.xtreeme.com/dhtml/ платный инструмент для быстрого создания динамических меню для сайта.

Полезное

* Web Host Uploader
www.sharewareconnection.com/web-host-uploader.h...

- Простой инструмент, позволяющий загружать обновления на сайт одним кликом. Избавляет от необходимости загружать новые файлы по FTP вручную.

* Веб Стандарты от Max Design.
www.maxdesign.com.au/presentation/checklist.htm

* Firebug Адд-он для браузера Firefox - Работайте с кодами CSS, HTML и Javasсript на любой странице любого сайта.
addons.mozilla.org/en-US/firefox/addon/1843

* Web Developer Firefox Адд-он - Тулбар для браузера Mozilla Firefox с массой полезных опций для веб-дизайнера.
addons.mozilla.org/en-US/firefox/addon/60

Источник
www.vandelaydesign.com/blog/design/resources-si...