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

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

• Color Schemer Gallery


• COLOURlovers


• Website Color Picker


• I Like Your Colors

Полезная статья на английском: Find the Perfect Colors for Your Website.

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

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

• Listamatic


• Exploding Boy


• Alvit.de


• Dynamic Drive


• Коллекция CSS меню vandelaydesign.com

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

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

• Stock.Xchng - бесплатные фотографии.


• Stock Expert - платные фотографии.


• iStockphoto - платные фотографии.


• Big Stock Photo - платные фотографии.

Иконки

• IconFinder.net - Поисковая система по иконкам.


• 31 источник бесплатных и эффектных иконок

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

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

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

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

• Layout-O-Matic - Сервис позволяет создать собственные шаблоны сайтов на основе CSS.


• CSS Creator - генератор CSS шаблонов.


• Layout Gala - Коллекция шаблонов для сайтов.


• Open Designs - Бесплатные шаблоны.


• Open Source Templates - Еще масса бесплатных шаблонов сайтов.

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

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

• DeadLinks.com


• Online Link Validation Tool

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

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

• Browser Shots


• Browsercam


• NetMechanic

Также можете ознакомиться с этой статьей (на английском): Effectively Testing Your Website in Multiple Browsers.

Валидаторы

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

• HTML


• CSS


• RSS and Atom


• RSS, Atom, and KML

Скрипты

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

• 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 Инструменты

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

• Генератор полосок


• Web 2.0 Бэджики


• Еще Web 2.0 Бэджики


• Web 2.0 Иконки


• Web 2.0 генератор логотипов
  
  

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

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

• Dynamic Drive


• Kalsey.com


• Lucazappa.com


• Blog Flux


• Yugatech.com


• MyCoolButton


• Buttonator
  
  

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

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

• Dynamic Drive


• 4u2ges.com

Круглые углы

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

• CSS Rounded Box Generator


• Spiffy Corners

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

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

• WillMayo.com


• CSS Play

Иструменты CSS

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

• CSS Tidy - CSS оптимизатор и парсер.


• Clean CSS - CSS оптимизатор.


• CSS Optimizer


• CSS Analyzer - к тому же валидатор.


• CSS Mate - онлайн редактор CSS.


• CSS Compressor - компрессор CSS.

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

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

Полезное

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


• Веб Стандарты от Max Design.


• Firebug Адд-он для браузера Firefox - Работайте с кодами CSS, HTML и JavaScript на любой странице любого сайта.


• Web Developer Firefox Адд-он - Тулбар для браузера Mozilla Firefox с массой полезных опций для веб-дизайнера.

Источник

Перевод с английского: Глобатор

Всем привет! После поста с бесшовными цветочными фонами получина несколько сообщений о том, что фоны хорошие, но использовать их для сообщений практически не возможно так как очень трудно подобрать читаемый цвет шрифта. Согласна, нужно повозиться не двадцать минут, но всё же при огромном желании подобрать можно. Собрала коллекцию специально для тех кто не смог подобрать и для тех кому более интересны текстурные бесшовные фоны, надеюсь она Вам пригодится.

4 варианта использования фонов:
1. Фоны можно использовать для создания дизайнов блога. Заходите в Настройки - настройки дизайна - настройка схемы - заполнить фоном - выбираете всё пространство.
2. Можно использовать для написания постов, как это делается я писала в сообщении - Фон для сообщений
3. Так же можно использовать для изготовления рамочек для текста.
4. Фоны используют для спец. программа - если Вы не знаете каких значит Вы их просто не используете.

Латвийская торговая марка "Амира" предлагает приобрести женский трикотаж оптом от производителя. В наличии всегда имеются платья, юбки, костюмы, блузки.

ДАЛЕЕ ...

Всем привет!

Сегодня хочу Вам рассказать о бесплатной программе PhotoScape, и немного о том, что можно сделать с её помощь. К примеру, баннер для моего блога Мир актёров я полностью сделала именно в этой программе. Сами понимаете, делала я его уже давно, так что сегодня расскажу как подобное делать на других фотографиях, но принцип работы будет тем же самым.

И так, берём нужные нам фотографии (желательно чтоб они были одного размера, если таких нет, то не страшно), я взяла 3 штуки, Вы можете взять любое нужное Вам количество. Выбираем как будем строить линейку – горизонтально или вертикально. Выбрали? Молодцы). Теперь мышкой перетаскиваем нужные фотографии в верхнюю панель программы, в последствии очерёдность фото можно менять по Вашему желанию. Вот наша линейка и построена, мы можем оставить всё как есть, а можем добавить поля как внешние, так внутренние между фотографиями. Сохраняем. Пока она не очень интересная, так что идём дальше.

ДАЛЕЕ ...

"Goodbye, cyberspace! Hello, blogiverse! Blogosphere? Blogmos?"

Вот уже два месяца как я прописался на Blogger.com. И львиная доля времени ушло на изучение мат.части, а не на написание постов. Но в процессе изучения возможностей этой платформы, образовалась небольшая подборочка. Типа FAQ по сервису Blogger.com. Делюсь!

Выбор шаблона для Blogger.com:

http://russwebshablon.blogspot.com/2007/11/i.html

http://soft-in-web.blogspot.com/2009/01/blogger.html

http://blogohelp.blogspot.com/2008/07/blogger.html

http://blogohelp.blogspot.com/2008/05/bloggercom.html - подключаем нестандартный шаблон для Blogger.com

http://maxibiz.blogspot.com/2008/10/250-blogger-blogspot.html

Оптимизируем под поисковики:

http://seorussian.blogspot.com/2009/02/supplemental-stranicy-zakryt.html - закрываем индексацию архива и ярлыков в Блоггере. Ну не любят дублированный контент поисковики.

http://seorussian.blogspot.com/2009/01/normalnye-imena-stranitz-soobshenij-v.html - корректное отображение имени страницы в Blogger.com

http://seorussian.blogspot.com/2008/11/kak-dobavit-sitemap-dlja-blogger.html - добавляем Sitemap для Blogger.com. Улучшает индексацию поисковиками.

http://parsing-and-i.blogspot.com/2009/01/blogspotcom.html - создаем Sitemap для Blogger.com своими руками.

http://tnpegas.blogspot.com/2008/10/title-blogger.html - оптимизируем стандартный TITLE в Blogger.com.

http://maxibiz.blogspot.com/2009/02/blogger-4-description-keywords.html - оптимизируем теги Description и Keywords для улучшения индексации поисковиками.

Внесение изменений в структуру шаблона:

http://seorussian.blogspot.com/2008/11/bloggercom.html - делаем футер из трех колонок. Подходит для любого количества колонок в теле шаблона. Пример можно посмотреть внизу моего 2-х колоночного блога.

http://seorussian.blogspot.com/2008/10/ubrat-remove-navbar.html - убираем "navbar" (панелька вверху страницы Вашего блога). Зачем? Цветовых решений navbar всего четыре + злыдни могут по желанию отправить Ваш блог в бан Гугла.

http://seorussian.blogspot.com/2008/12/panel-upravleniya-v-blogger-vmesto.html - панель управления администратора вместо navbar.

http://tnpegas.blogspot.com/2008/11/navbar.html - делаем вертикальный передвигающийся navbar.

Сообщения:

http://seorussian.blogspot.com/2008/10/izmenit-otobrazhenie-nazvanija-posta-na.html - изменяем надпись на вкладке с названия блога на наименование поста. Позволяет пользователям при открытие нескольких вкладок (страниц) Вашего блога не заблудиться.

http://seorussian.blogspot.com/2008/12/sdelat-kat-v-blogger-odin-iz-luchshih.html - делаем кат сообщения ("Читать далее..."). Один из лучших способов. Статья полностью открывается в просматриваемом окне.

http://seorussian.blogspot.com/2008/12/soobwenija-pod-kat-v-bloggere-i.html - еще один способ кат сообщения. Правда открывает полный текст статьи в новом окне.

http://blogohelp.blogspot.com/2008/09/blogspot.html - вставка изображения в Blogger.com с возможностью его увеличения до реальных размеров в новом окне.

Перелинковка (ссылка на схожие сообщения в конце поста):

http://seorussian.blogspot.com/2008/11/ssylki-na-shozhie-soobwenija-v-konce.html - подборка аналогичных статьей, виден сразу после статьи, выбирает похожие статьи по ярлыкам и тегам.

http://seorussian.blogspot.com/2008/11/related-posts-vtoroj-sposob-dlja.html - подборка аналогичных статьей, виден после всех комментариев к статье, выбирает похожие статьи по ярлыкам и тегам.

Гаджеты и виджеты:

http://blogohelp.blogspot.com/2008/12/blogumus-flash-blogger.html - создаем flash-облако тегов (Blogumus) для Blogger.com. Отображает трехмерное динамическое облако ваших тегов.

http://blogohelp.blogspot.com/2009/01/geotagging-blogger.html - использование гаджета Geotagging для привязки поста к местности. Показывает на Google maps к какой местности относятся события отображенные в Вашей статье.

http://blogohelp.blogspot.com/2008/12/blog-post.html - гаджет для вывода списка последних пяти комментариев в блоге.

http://blogohelp.blogspot.com/2008/11/blog-post.html - создаем виджет "Постоянные читатели" для Blogger.com. Отображает список Ваших ПЧ.

http://tnpegas.blogspot.com/2008/08/blogger-14.html - 14 полезных виджетов и скриптов для Blogger.com.

http://blogovod.co.cc/?p=238 виджет "Активные комментаторы" для Blogger.com. выводит список самых активных комментаторов Вашего блога.

http://blogohelp.blogspot.com/2008/10/snapshots-blogspot.html - установка сервиса Snapshots для вывода небольшого привью сайта, на который Вы ссылаетесь.

http://blogovod.co.cc/?p=235 установка виджета "Популярные статьи" для Blogger.com. Показывает самые популярные статьи Вашего блога.

http://blogovod.co.cc/?p=234 виджет для "Очень похожие статьи" для Blogger.com. Выводит в конце сообщения ссылки на похожие статьи в Вашем блоге.

http://blogovod.co.cc/?p=231 виджет "Динамическая страница содержания" для Blogger.com.

http://blogovod.co.cc/?p=85 еще один вариант создания облака тегов для Blogger.com.

http://blogohelp.blogspot.com/2008/06/blog-post.html - настраиваем список "Любимых блогов"

RSS-каналы:

http://ibloggerman.blogspot.com/2008/10/rss_28.html - настройка RSS-канала блога.

Работа с кодом AdSense:

http://blogohelp.blogspot.com/2009/01/adsense-blogspot-1.html - установка кода AdSense на Ваш блог.

http://tnpegas.blogspot.com/2008/07/adsense.html - законно изменяем внешний вид рекламного блока AdSense.

http://dmxo.blogspot.com/2009/01/adsense_28.html - располагаем рекламу AdSense в левом верхнем углу сообщения.

Прочее:

http://seorussian.blogspot.com/2009/01/kak-otslezhivat-vse-ssylki-na-sebya-i.html - отслеживаем все ссылки и упоминания о Вашем блоге в сети.

http://seorussian.blogspot.com/2008/12/blogger-interest-and-location-search.html - поиск в Blogger.com из профиля одновременно по интересам и локации.

http://seorussian.blogspot.com/2008/12/stena-i-gostevaja-na-blogger-e.html - стена и гостевуха на Blogger.com с помощью Google Friend Connect.

http://seorussian.blogspot.com/2008/10/sdelat-favico-v-blogger.html - делаем "favico" (картинка в адресной строке, типа Вы важный) для Blogger.com.

http://tnpegas.blogspot.com/2008/07/favicon.html - делаем favico своими руками.

http://tnpegas.blogspot.com/2008/07/11_09.html - 11 стратегий заработка в Интернете.

http://tnpegas.blogspot.com/2008/07/blog-post_08.html - добавляем кнопку социальных закладок к блогу.

http://tnpegas.blogspot.com/2008/07/11.html - 11 способов повысить удобство Вашего блога для посетителя.

http://blogohelp.blogspot.com/2008/09/blogger-backup-blogspot.html - делаем Backup блога на Blogger.com.

http://blogohelp.blogspot.com/2008/06/bloggercom.html - новые возможности "Черновика" Blogger.com

http://oyurkov.blogspot.com/2009/02/blog-post.html - как быстро пиарить статьи Вашего блога

http://oyurkov.blogspot.com/2009/01/bloggercom_29.html - как искать русскоязычных блоггеров на сервисе Blogger.com через "Профиль"

http://oyurkov.blogspot.com/2009/01/bloggercom_15.html - как искать русскоязычных блоггеров на сервисе Blogger.com

http://oyurkov.blogspot.com/2009/01/bloggercom.html - подборка советов новичку по сервису Blogger.com

http://oyurkov.blogspot.com/2008/12/blog-post_277.html - инструментарий блоггера