Ayola.net
Новости: В связи с обилием спама, постинг на форуме временно закрыт.

Для связи с поддержкой используйте тикеты в панели управления.
 
*
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь. Октябрь 17, 2017, 14:42:31


Войти


Страниц: [1]
  Печать  
Автор Тема: Полезные ссылки для Web-мастеров  (Прочитано 10713 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« : Июнь 10, 2008, 20:28:50 »

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

    Listamatic
    Exploding Boy
    Alvit.de
    Dynamic Drive
    Коллекция CSS меню vandelaydesign.com


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

    Stock.Xchng


Иконки

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


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

    http://blog.html.it/layoutgala]Layout Gala - Коллекция шаблонов для сайтов.
    Open Designs - Бесплатные шаблоны.
    Open Source Templates - Еще масса бесплатных шаблонов сайтов.


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

    DeadLinks.com
    Online Link


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

    Browser Shots
    Browsercam
    NetMechanic


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

    validator.w3.org
    CSS
    RSS and Atom
    RSS, Atom, and KML


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

    JavaFile
    PHP Freaks
    DynamicDrive
    PowerfulScripts
    DHTMLGoodies.com
    PHP Open Source Scripts


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

    Dynamic Drive
    Favicon from Pictures
    FaviconGenerator.com
    Favicons with text instead of images
    Graphics Guru
    favicon - Создание favicon для сайта из картинки.


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

    80 Beautiful Typefaces for Professional Design
    dafont.com
    Urban Fonts
    1001 Free Fonts
    myfonts - Определение типа по картинке
    identifont - Поиск по параметрам и подбор, похожих на найденный


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.


WEB в CSS:

    csszengarden - класика CSS (один html - куча шаблонов)
    cssplay - еще один пример: как можно(нужно) делать


Каталоги web дизайнов:

    BestWebGallery
    CSSprincess
    DesignShack
    stylegala
    Web_Creme


Обучение:
Дизайн и вёрстка

    htmlbook - Полезный ресурс по вёрстке и полезным советам
    cssblast - Интересный ресурс для дизайнеров и разработчиков


Графика

    photoshop.demiart.ru - Уроки Adobe Photoshop
    docs.gimp.org - Документация GIMP (GNU Image Manipulation Program)
    nixland.org - Уроки GIMP


Шаблоны:

    FreeCSSTemplates
    Freelayouts
    FreeTemplatesOnline
    FreeWebsiteTemplates
    Free_CSS_Templates
    FreeCSSTemplates.org
    FreekTemplates
    FreeLayouts - SCC,Flash и HTML
    Interspire
    Layouts4Free.com
    OWD - Open Web Design
    OSWD - (Open Source Web Design) 2080 шаблонов
    ThemesBase - большая база по различным движкам
    TemplateBox


On-line сервисы

    typetester - Подбор текстовых параметров в CSS
    colr - Выбор цветов по картинке
    Селекторы - Проверка броузера на их поддержку.
    3d-pack.com - Сервис создания коробок

Шрифты:
http://www.dafont.com/en/
http://www.iconian.com/
http://www.fontsnthings.com
http://www.abstractfonts.com
http://www.phantompower.de/phantomphonts.html
http://fontlover.com
http://www.reflectdesign.com/bvfonts/index2.html
http://www.fontparadise.com/
http://www.fontcraft.com/scriptorium/
http://www.designerinaction.com/fonts/
http://fonts.tom7.com/
http://www.fontfiles.com/
http://oldtype.8m.com/index.html
http://www.james.devlin.net/floor13.htm
http://www.pixilate.com/
http://www.fontasy.de
http://www.fontalicious.com
http://www.fontdiner.com
http://www.chankarmy.com
http://www.pizzadude.dk/
http://www.larabiefonts.com
http://www.misprintedtype.com/
http://masonboroarts.com/whofonted/
http://w1.590.telia.com/~u59002128/
http://www.1001fonts.com
http://www.fontmagic.com
http://groups.yahoo.com/group/Only_Fonts
http://www.themeworld.com/fonts/index.shtml
http://www.a1fonts.com/html/Archive_A,0.htm
http://grungefonts.8m.com/
http://oldtype.8m.com/


Графика:

Иностранные:
http://www.good-tutorials.com
http://www.thewebmachine.com/
http://www.eyesondesign.net/pshop/tuts.htm
http://rainworld.com/psworkshop/New.asp
http://www.effectlab.com/tut.html
http://www.eyeball-design.com/fxzone/index.htm
http://robouk.mchost.com/tuts/ps.php
http://www.planetphotoshop.com/
http://www.ciudadfutura.com/photoshop/
http://www.pixeljunction.com
http://www.pixelshade.com
http://www.spoono.com
http://www.computerarts.co.uk/tutor...lt.asp?PageNo=1
http://www.thinkdan.com/tutorials/photoshop.html
http://www.stridingstudio.com/tutorials/
http://www.bluesfear.com/PS_tutorials.htm
http://www.teamphotoshop.com/
http://www.bobsphotoshopsource.co.uk/pstuts.htm
http://www.spoono.com/
http://www.art4eye.com/
http://www.mwdbz.com/index2.php?mwdbz=ps_tutorials
http://www.totaltutorials.com/
http://www.tutorialfind.com/
http://www.pslover.com/
http://www.steeldolphin.com/
http://www.dubtastic.com/tutorials.shtml
http://www.pstutorials.com/
http://www.psworkshop.net/psworkshop/
http://www.thinkdan.com/
http://www.deviantart.com/
http://www.hatch-industries.com/
http://www.wastedyouth.org/
http://www.eyesondesign.net/
http://www.xerver.de/
http://www.phong.com/
http://www.eyeball-design.com/fxzone/
http://www.shadowness.com/
http://www.bizark.com/
http://www.jermexpress.com/
http://www.webdesignstudien.de/
http://www.bluesfear.com/
http://www.liquisoft.com/
http://www.dimitrix.net/
http://www.avalonstar.net/
http://www.phasegfx.com/
http://www.b-man.dk/
http://www.3031.tk/
http://www.boonism.com/
http://www.worth100.com/
http://psd.zholman.com/
http://www.entensity.net/
http://www.smeare.com/
http://www.carbonfour.com/
http://www.deaddreamer.com/
http://www.deepspaceweb.com/
http://www.designerarea.com/
http://www.designsbymark.com/
http://www.ascenvia.net/
http://tutorials.dreaminfinity.com/
http://www.effectlab.com/
http://geda-online.com/tutorials.htm

Русские:
http://www.mgraphics.ru
http://www.i2r.ru
http://www.maste.ru/photosh.htm
http://psd.ru
http://graphics.woweb.ru
http://www.graphics.ru/news/
http://www.photoshop.ru/
http://ash.aiq.ru/tutorials/
http://pslab.ru/lessons/
http://mrdesign.krasline.ru/labs/index.shtml
http://www.anriintern.com/ps/
http://www.thepromo.ru/webmaster/ph...rting/about.htm
http://photoshop.hobi.ru/lessons.html
« Последнее редактирование: Июнь 19, 2008, 11:38:22 от Togusa » Записан

support@ayola.net
Вне категорий
Маэстро
*****

Карма: 267
Сообщений: 4901



Просмотр профиля WWW
« Ответ #1 : Июнь 10, 2008, 20:37:22 »

O_O
Записан

Бесплатный хостинг с PHP и MySQL

Вопросы и ответы - http://faq.ayola.net
Правка .htaccess - http://htaccess.ayola.net
Техподдержка - http://www.ayola.net/panel/tickets.php
По вопросам хостинга личные сообщения не пишите. Для этого есть тикеты.
Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #2 : Июнь 10, 2008, 20:41:28 »

O_O

Что-то не так?

Хотя да, во втором посте было много мусора. Разберу, тогда скину.
« Последнее редактирование: Июнь 10, 2008, 20:48:46 от Togusa » Записан

Smokie
Старший Новичёк
**

Карма: 1
Сообщений: 59



Просмотр профиля WWW
« Ответ #3 : Июнь 10, 2008, 21:21:25 »

Зачет! +1
Записан
support@ayola.net
Вне категорий
Маэстро
*****

Карма: 267
Сообщений: 4901



Просмотр профиля WWW
« Ответ #4 : Июнь 10, 2008, 23:16:38 »

O_O

Что-то не так?

Хотя да, во втором посте было много мусора. Разберу, тогда скину.

Да не, всё так, никаких претензий.

Просто колоссальный объём ссылок - это ведь всё надо было собрать, обрабтать, итд.
Записан

Бесплатный хостинг с PHP и MySQL

Вопросы и ответы - http://faq.ayola.net
Правка .htaccess - http://htaccess.ayola.net
Техподдержка - http://www.ayola.net/panel/tickets.php
По вопросам хостинга личные сообщения не пишите. Для этого есть тикеты.
Axel
Старший Новичёк
**

Карма: 15
Сообщений: 60



Просмотр профиля
« Ответ #5 : Июнь 11, 2008, 00:44:27 »

"Вау" Улыбающийся
Автору темы - "респект" - архи полезный наборчик Подмигивающий
И +1 конечно Улыбающийся
Записан

Si felix esso vis, este!
DLE user
Маэстро
*****

Карма: 78
Сообщений: 1692



Просмотр профиля WWW
« Ответ #6 : Июнь 11, 2008, 00:56:24 »

Ёмаё...ужос Улыбающийся Не в смысле прикольно, просто букаф многа, не асилю Веселый
Записан
Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #7 : Июнь 11, 2008, 01:01:35 »

Хм, может стоит тему "Закрепить" ?
Записан

VaN
Старший Новичёк
**

Карма: 13
Сообщений: 73


Ну это типа я))


Просмотр профиля WWW
« Ответ #8 : Июнь 11, 2008, 03:22:36 »

Круто! Всё, что надо))) Спасибо, +1)
Записан

Жизнь - игра. да, идея дебильная, но зато графика - супер!!!
Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #9 : Июнь 17, 2008, 19:13:29 »

Не ссылки, но тоже пригодится.

Эффект при заходе на страницу:

В файле темы оформления: index.html, перед </head> вставляем ниже приведённый код

Код:
<META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=4.0,Transition=12)">

Эффект при уходе со страницы:
Код:
<META HTTP-EQUIV="Page-Exit" CONTENT="revealTrans(Duration=4.0,Transition=12)">

Duration - время в секундах
Transition - номер эффекта

Список доступных эффектов:
0 - Box in
1 - Box out
2 - Circle in
3 - Circle out
4 - Wipe up
5 - Wipe down
6 - Wipe right
7 - Wipe left
8 - Vertical blinds
9 - Horizontal blinds
10 - Checkboard across
11 - Checkboard down
12 - Random dissolve
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal
22 - Random bars vertical
23 - Random
Записан

Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #10 : Июнь 18, 2008, 22:29:58 »

Оценка времени загрузки веб-страниц



Kак и при разработке обычных программ, при разработке сайтов бывает важна оптимизация скорости работы. В некоторой степени помочь в этом способен сервис WEBoptimizator. Всё, что необходимо для работы с ним - это ввести в поле "Проверить скорость загрузки" адрес сайта, нажать клавишу "Пуск" и дождаться, пока WEBoptimizator проведёт оценку указанного интернет-ресурса. Обычно анализ занимает несколько десятков секунд, однако если система обнаружит, что сайт в течение месяца уже проверялся, то результаты сканирования будут продемонстрированы практически мгновенно. Для повторной оценки ресурса без использования кэша программы потребуется щёлкнуть мышью по специальной ссылке, размещённой в самом низу сайта WEBoptimizator.

Результатом проверки сайта будет внушительный список, включающий в себя:

1 - общую оценку ресурса с информацией о количестве загружаемых при открытии сайта файлов и их суммарном объёме;

2 - сведения о времени загрузки сайта при использовании скоростного канала и модемного соединения;

3 - замечания и советы, руководствуясь которыми разработчик может предпринять конкретные действия для оптимизации своего веб-ресурса и улучшения его качества;

4 - график влияния различных частей сайта на скорость его загрузки и подробную статистику по каждому открываемому браузером файлу;

5 - сведения о возможном ускорении загрузки сайта, которого можно добиться путём выполнения всех практических рекомендаций сервиса.


Помимо всего прочего WEBoptimizator по результатам анализа ресурса формирует диаграмму загрузки, позволяющую эмулировать поведение Internet Explorer, Firefox, Opera и Safari при работе с сайтом на различных каналах и с полным либо пустым кэшем. Используя её, можно выявить "узкие" места разработанного сайта и определить, какие файлы и модули медленнее всего загружаются при его открытии в том или ином браузере.

И последнее. Не стоит воспринимать все рекомендации онлайнового сервиса как безоговорочное руководство к действию. WEBoptimizator - всего лишь инструмент, дающий адекватную оценку требуемому ресурсу и предлагающий для его оптимизации соответствующие методы, прибегать к использованию которых - исключительно личное дело каждого веб-программиста.
Записан

ZoAs
Вникающий
***

Карма: 15
Сообщений: 111


Saboteur


Просмотр профиля WWW
« Ответ #11 : Июнь 19, 2008, 07:11:20 »

Цитировать
http://blog.html.it/layoutgala]Layout Gala - Коллекция шаблонов для сайтов.
Цитировать
validator.w3.org
Не оформились как ссылки. Хотя это не мешает, но лучше исправить.
"Скрипты" - вообще без ссылок Грустный

Интересно. Сейчас пробегусь, выберу интересное и необходимое Улыбающийся
Записан

It's not that easy, breaking away from your demon
Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #12 : Июнь 19, 2008, 11:39:32 »

Не оформились как ссылки. Хотя это не мешает, но лучше исправить.
"Скрипты" - вообще без ссылок Грустный

Все исправил.
Записан

DLE user
Маэстро
*****

Карма: 78
Сообщений: 1692



Просмотр профиля WWW
« Ответ #13 : Июнь 21, 2008, 03:22:10 »

Плагиат!

Вот ту тоже самое: http://www.kasseler-cms.net/index.php?module=Forum&do=ShowTopic&id=719#entry5

Указали бы хоть что подборочка ссылочег не ваша!
Записан
Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #14 : Июнь 23, 2008, 13:57:46 »

Дык я и не говорю что она моя) Просто решил собрать все в одном месте, тем более подходит к тематике форума.
Записан

Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #15 : Июль 15, 2008, 00:20:15 »

www.tk

Бесплатные домены 2 уровня, вида site.tk . Неплохой вариант для новичков.

ripn.net

Бесплатные домены 3 уровня, вида org.ru , com.ru и прч. Сложно зарегистрировать, но зато полностью бесплатно.
Записан

Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #16 : Июль 23, 2008, 20:18:04 »

http://eyeos.org

EyeOS - уникальный проект, это Веб-операционная система, работает прямо из браузера. Полностью бесплатна. Демо можете посмотреть тут - http://run-away.ru/os .


http://www.conduit.com

С помощью этого сервиса можно создать свой собственный тулбар для браузера (поддерживается firefox и IE) . Бесплатно. Вот что получилось у меня - http://runawayru.ourtoolbar.com/
Записан

Togusa
Просветлённый
****

Карма: 38
Сообщений: 321


Просмотр профиля WWW
« Ответ #17 : Июль 25, 2008, 15:05:07 »

 Google. Полезные ссылки 

   1. Справочный центр для вебмастеров:
      http://www.google.com/support/webmasters/

   2. Создание сайта, удобного для Google (Советы по созданию СДЛ)
      http://www.google.com/support/webmas...y?answer=35769

   3. Центр вебмастеров:
      http://www.google.com.ua/intl/ru/webmasters/

   4. Добавить сайт в Google:
      http://www.google.com/intl/ru/addurl.html

   5. Инструменты Google для вебмастеров (Ваш сайт глазами Google):
      https://www.google.com/webmasters/tools/

   6. Полезные программы для вебмастера (панель инструментов и др.)
      http://pack.google.com/

   7. Adwords - cервис контекстной рекламы для рекламодателей (платный трафик с Google):
      https://adwords.google.com/

   8. Adwords - сервис контекстной рекламы для вебмастеров (заработок на своём сайте):
      https://www.google.com/adsense/
Записан

Страниц: [1]
  Печать  
 
Перейти в:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.13 | SMF © 2006, Simple Machines LLC

2003-2008 © ООО "Инфотур" - Бесплатный хостинг Ayola.net
Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM
Страница сгенерирована за 0.149 секунд. Запросов: 17.