О дизайне сайтов

  Вход на форум   логин       пароль   Забыли пароль? Регистрация
On-line:  

Раздел: 
средневековые замки / научная техника / О дизайне сайтов

Страницы: << Prev 1 2 3 Next>> ответить новая тема

Автор Сообщение

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 13-12-2005 17:57
Нашёл тут прикольные страницы с ошибками для серваков (404,403,500 и т.д.)
http://www.guermant.com/websites/errors/

великий магистр
Группа: Администраторы
Сообщений: 3753
Добавлено: 03-01-2006 11:16
Сайт об Invision Power Board, российский http://www.ibresource.ru/

Index of /css http://msk.webbyte.info/css/

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 16-02-2006 13:52
Error 404 - Страница похищена! http://vad.spb.ru/jj/try2hack/level2.htm

великий магистр
Группа: Модераторы
Сообщений: 1557
Добавлено: 06-03-2006 18:56
Немного хитрости не помешает, или Нетрадиционные способы раскрутки сайта http://www.asdk.ru/articles/raskr1.htm

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 31-03-2006 06:04
На стадии разработки уже поздно думать о доступности. Поэтому если мы хотим разрабатывать удобные, доступные веб-сайты, нам нужно в первую очередь подумать о следующем:

* Понятный и читабельный текст
* Все картинки и цвета точно выражены для различных групп пользователей с неполноценным зрением
* Присутствие осмысленной текстовой альтернативы для всех картинок и мультимедиа
* Присутствие словаря, объясняющего все акронимы и аббревиатуры
* Навигация и сам сайт логичен и легко воспринимаем
* Сотрудники, ответственные за поддержку продукта, знают об этих проблемах и соответственно обучены

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

* Работает ли страница в браузерах X, Y и Z в операционной системе 1 и 2?
* Работает ли страница на мониторах с резолюцией 800 на 600 и можно ли увидеть все самое важное, не используя прокрутку страницы?
* Правильно ли загружаются и расставлены все картинки?

Нам также необходима методология и план тестирования не визуальных проблем с доступностью:

* Имеет ли смысл альтернативный текст?
* Понятен ли язык?
* Имеют ли смысл ссылки за пределами своего контекста?
* Следуют ли заголовки на странице логической последовательности?
* Имеет ли смысл страница без каскадных таблиц стилей?
http://www.umade.ru/log/2005/11/143.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 06-04-2006 06:13
Ссылки-мнемоники. коды всяких-разных символов. Математических значков, греческий алфавит и т. д.
http://www.w3.org/TR/html4/sgml/entities.html#h-24.3

HTML Character Entities http://moon.aka.sun.googlepages.com/symbols.htm
http://www.htmlhelp.com/reference/html40/entities/special.html
http://www.htmlhelp.com/reference/html40/entities/symbols.html

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 12-04-2006 20:43
Html-справочник http://html.manual.ru/book/html.php

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 22-05-2006 01:19
Общий оценочный лист тестирования usability web-сайта

Есть много простых способов оценить юзабилити web-сайта без привлечения пользователей. Чтобы эта оценка была стандартизирована и, по возможности, исключала человеческий фактор оценивающего, рекомендуется пользоваться заранее составленными оценочными формами.

Эта форма позволит вам повысить usability разрабатываемого web-сайта, или быстро оценить существующий ресурс.

http://www.it-online.ru/Home/Library/Articles/tabid/230/EntryID/34/Default.aspx

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 31-05-2006 02:52
Очень удобно - заходите, вводите адрес сайта своего, тематику его, количество ссылок, указываете расположение на страницы - и получаете цену за рекламу
http://www.text-link-ads.com/link_calculator.php

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 21-06-2006 19:56
Бэкграунды для веб-страниц, самой различной тематики
http://lenagold.ru/fon/geom.html

великий магистр
Группа: Участники
Сообщений: 560
Добавлено: 02-09-2006 20:49
Шрифты в свободном доступе http://fonts.goldenweb.it/index_file/l/en/d2/Freeware_fonts/default.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 19-09-2006 04:22
Вредные советы - правда, это больше имеет отношение к полиграфии...

1.
Все макеты предоставлять в RGB. CMYK - для ботаников и заучек. К тому же когда рисуешь в фотошопе в CMYK, не работают самые красивые плагины...

2.
Текст ни под каким предлогом не переводить в кривые! Да и набирать его лучше не стандартными шрифтами, а найти повитиеватей, типа HrenGdeTakoyNaidesh.ttf. Это же так красиво!

3.
Если вас попросили подготовить макет к печати, раскрашивайте его пантонами. Макет раскрашен хорошо, если вы использовали более 8 пантонов.
http://vr99.livejournal.com/252593.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 02-10-2006 04:43
Классная штука - всегда интересовался - как делают маленькие кнопочки? И вот нашел генератор
http://button.blogflux.com/

Ссылка на сайт, где можно по jpg со словом определить шрифт, которым написано это слово
http://www.myfonts.com/WhatTheFont/

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 08-10-2006 04:07
Уроки по дизайну ЖЖ. Часть I.
Часто наблюдаю, что юзеры пытаются создать или изменить свой дизайн просто копированием чужого кода, то есть без понимания того что они делают. Результат бывает довольно удручающим, код сильно вырастает в размерах, а если возникает ошибка - многие не могут её самостоятельно найти, потому что в коде ничего не понимают.

Хочу попытаться исправить эту досадную ситуацию, написав универсальный справочник по кодам дизайна с примерами

http://community.livejournal.com/ru_designhelp/305332.html

Что такое CSS?
Это каскадные таблицы стиля для HTML-документа, а если проще - язык, на котором мы объясняем нашему дизайну каким же мы хотим его видеть.
http://community.livejournal.com/ru_designhelp/306073.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 09-10-2006 05:35
Правила оптимизации сайтов для социальных сетей http://www.habrahabr.ru/article/693/

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 02-11-2006 02:24
КНИГА ПО ТЕМЕ

Книга посвящена созданию web-сайта: его разработке, дизайну, верстке и публикации в Сети. В ней приводится описание работы с различными приложениями, которые используются при создании web-страниц. Основное внимание уделяется созданию интерактивных эффектов, не требующих написания серверных сценариев, а также описанию двух альтернативных технологий - jаvа Script и Flash, с помощью которых можно `оживить` страницы своего сайта. Для удобства книга дополнена краткими справочниками по HTML, Flash, jаvа Script иActionScript, а также описанием ресурсов Интернета и новинок Flash MX. http://community.livejournal.com/kniga_file/94243.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 12-11-2006 06:22
КНИГА ПО ТЕМЕ

Дейв Ши. Молли Е. Хольцшлаг. Философия CSS-дизайна
В этой книге на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей. Здесь нашли отражение такие вопросы, как подготовка HTML-разметки для последующего применения стилей, синтаксис языка CSS, принципы верстки, методы работы с графикой, особенности использования цвета, типографские эффекты и многое другое. Не осталась без внимания проблема неодинакового уровня поддержки CSS разными браузерами; авторы рассказывают о приемах, с помощью которых можно добиться межбраузерной совместимости.
Эта книга не является учебником по CSS, но представляет несомненный интерес для различных категорий пользователей: от новичков до маститых профессионалов.
Издание состоит из 7 глав, предметного указателя и приложения.
Отличная книга по CSS

http://community.livejournal.com/kniga_file/126616.html

великий магистр
Группа: Администраторы
Сообщений: 3753
Добавлено: 23-11-2006 16:02
Дизайн сайтов http://granik.com/

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 15-12-2006 05:58
КНИГА ПО ТЕМЕ

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

http://community.livejournal.com/kniga_file/226981.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 26-12-2006 02:25
Таблица html кодов цветов, буквенное написание и коды цветов в RGB http://rykun.livejournal.com/87507.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 09-01-2007 06:00
КНИГА ПО ТЕМЕ

HTML. Просто как дважды два
Автор: О. Н. Рева
Вы умеете создавать Web-страницы с помощью приложений Microsoft Office или с помощью мастеров Web-страниц, но результат кажется вам недостаточно профессиональным - тогда эта книга для вас. Загляните, что скрывается по ту сторону окна обозревателя, когда в нем отображается Web-страница. Там вы увидите код, который сообщает обозревателю, когда и каким образом отобразить информацию, сохраненную в файле Web-страницы. Если код HTML с первого взгляда покажется вам странным и непонятным, не волнуйтесь. В действительности он чрезвычайно прост и создан для того, чтобы предоставить дизайнеру максимум возможностей в управлении содержимым и видом Web-страниц.
Эта книга позволит вам в кратчайший срок получить отличный результат. Безусловно, объем книги не позволяет раскрыть все премудрости программирования Web-страниц, однако полученных знаний вам будет вполне достаточно для создания и поддержки персональных Web-страниц и небольших Web-узлов. Если же ваша цель - достичь совершенства Web-дизайна, то эта книга послужит вам первой ступенькой на длинном, но увлекательном пути к вершинам мастерства.

http://community.livejournal.com/kniga_file/258531.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 03-02-2007 04:07
КНИГА ПО ТЕМЕ

Вы хотите создать собственную Web-страничку или даже Web-сайт, но у вас мало времени - тогда эта книга для вас. Здесь коротко и ясно описаны основные приемы Web-дизайна, начиная от создания HTML-кода Web-странички и заканчивая размещением созданного сайта в Интернете.
Вы увидите Web-страничку "изнутри", научитесь самостоятельно создавать ее структуру, руководствуясь пошаговыми инструкциями в книге. Теперь создание и размещение в Web собственного резюме, рекламного материала или галереи с вашими фотографиями станет просто увлекательным творческим занятием.

http://community.livejournal.com/kniga_file/297428.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 05-02-2007 02:17
Книга, которую вы держите в руках - самая известная на сегодняшний день книга по веб-дизайну. Ее автор, доктор физических наук Якоб Нильсен - признанный во всем мире специалист в области интерфейсов и удобства эксплуатации, - делится с читателем своими знаниями и опытом. Им был разработан ряд методик, направленных на быстрое и экономичное усовершенствование пользовательского интерфейса, включая эвристическую оценку. Он является обладателем 38 патентов США на разработки, ориентированные, главным образом, на повышение удобства работы пользователей с Интернетом. Книга содержит исчерпывающее руководство по построению эффективного взаимодействия с любым пользователем в любой ситуации: от подготовки информационного наполнения и оформления страниц до упрощения структуры навигации и создания профессиональных сайтов. В книге вы не найдете описаний каких-то конкретных программ и кодов на HTML. Она отвечает на самый главный вопрос дизайна: `Что именно нужно сделать, чтобы посетителям сайта было удобно с ним работать? http://community.livejournal.com/kniga_file/298229.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 20-02-2007 06:03
Шестнадцатилетние веб-дизайнеры нынче не в моде: восьмилетняя индийская девочка Срилакшми Суреш разработала и поддерживает до сих пор сайт своей школы.
http://piterpan.livejournal.com/883851.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 14-03-2007 05:58
Шпаргалочки для верстальщиков
Формат: jpg+pdf
Размер: 10.38 MB

http://community.livejournal.com/kniga_file/337051.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 12-07-2007 04:48
Про стили CSS
Если встретите конструкцию типа font: normal 74%/115% ‘Verdana’ не удивляйтесь - в числителе дроби размер шрифта в % от заданного раньше размера, а в знаменателе размер между строками в % к нормальному. Вроде все браузеры поддерживают эту экзотику.
http://sklyarevskiy.livejournal.com/792210.html

великий магистр
Группа: Участники
Сообщений: 560
Добавлено: 10-08-2007 20:10
http://ddd.exmachina.ru/ - "Дизайн для думающих". Сайт, судя по последней новости, обновляться не будет. Тем не менее, на нем много интересной и полезной информации для разработки веб-страниц.

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 22-08-2007 19:15
Посмотрите как реализованы текстовые блоки - их можно перемещать мышкой и сворачивать/разворачивать - тот самый аякс. И вообще - красиво. http://science-fund.kz/

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 30-10-2007 06:09
Спецсимволы в тексте
Вот такие бантики-фантики вы наверное не редко видели тут в ЖЖ или вообще в интернете. См. таблицу кодов всех известных символов для вставки их в ваши посты

http://interesnoje.livejournal.com/8154.html

великий магистр
Группа: Участники
Сообщений: 560
Добавлено: 02-02-2008 12:31
http://www.postroika.ru/ - "Постройка". Очень удобный сайт для начинающих и не очень. Первые шаги в хтмл - просто и доступно.

http://html.manual.ru/book/html.php - "HTML-справочник". Очень удобная шпаргалка тегов и атрибутов.

http://scriptic.ru/ - "Библиотека скриптов". Можно выбрать интересующий скрипт по тому, как он выглядит. и не нужно большого ума, чтобы вставить его в собственный код.

http://webclass.polyn.kiae.su/classes/css12/treecss.htm - "CSS. Каскадные таблицы стилей". Этот учебник рекомендуют, как один из лучших.

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 24-03-2008 03:47
Шаблоны для сайта http://www.marketer.ru/node/1753/print
http://pages.google.com

великий магистр
Группа: Администраторы
Сообщений: 3753
Добавлено: 04-04-2008 14:59
Ответ Яндекса по поводу склейки доменов http://www.andreykuzmenkov.ru/275

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 13-06-2008 04:58
О спецсимволах http://wildmale.livejournal.com/117801.html

великий магистр
Группа: Администраторы
Сообщений: 3753
Добавлено: 18-11-2008 17:24
Там наверху, сразу под статистикой слов, (если скрипты в браузере разрешены) можно понажимать на стрелочки, переключая цвета, и узнать какой как называется
http://yandex.ru/yandsearch?text=rgb+247%2C242%2C26&stpar2=%2Fh0%2Ftm99%2Fs1&lr=187

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 18-11-2008 18:20
API Яндекс.Карт — это служба, позволяющая встраивать карты Яндекса на ваш сайт. С помощью API Яндекс.Карт вы сможете управлять картами и их содержимым, а также создавать различные приложения — от простых интерактивных схем проезда к офису до сложных геоинформационных сервисов.
http://api.yandex.ru/maps/

великий магистр
Группа: Администраторы
Сообщений: 3753
Добавлено: 25-11-2008 10:21
Похоже, в Рунет пришла мода на безкликовые сайты, выполненные по технологии проекта www.dontclick.it. В течение осени в Рунете были разработаны сразу два проекта для крупных брендов, сделанные по безкликовой технологии. Навигация по ним не требует клика - элементы подстраиваются под движение курсора.
http://www.novate.ru/blogs/201108/10798/

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 23-01-2009 15:48
Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации "Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст.." Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам "lorem ipsum" сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения. За прошедшие годы текст Lorem Ipsum получил много версий. Некоторые версии появились по ошибке, некоторые - намеренно (например, юмористические варианты).
http://ru.lipsum.com/

великий магистр
Группа: Участники
Сообщений: 3391
Добавлено: 08-06-2009 11:57
Очередная скучная новость для вэб-дизайнеров.
Капиталисты из компании Adobe запустили в тестирование он-лайновый сервис, позволяющий посмотреть как будет выглядеть вэб-страница в различных броузерах и операционных системах. Желающим воспользоваться удобствами придётся зарегистрироваться, и уже потом только логинится в сервис с полученным Adobe ID (электропочтой регистрации). Да, там в примечаниях присутствует невнятное предупреждение, дескать сервис тестовый и потому число бэта-пользователей будет временно ограничено. http://dirty.ru/comments/254276/#new

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 11-06-2009 05:49
Яндекс обновляет службу бесплатного хостинга Народ.ру. На сервисе открыто бета-тестирование Конструктора — комплексного инструмента для создания сайтов. Теперь на Народе можно создавать современные ресурсы и размещать их не только в домене третьего уровня (rogaikopyta.narod.ru), но и на своем отдельном домене (rogaikopyta.ru). В Конструкторе сайт создается сразу как единое целое — с общим оформлением, меню и другими элементами. В зависимости от назначения сайта пользователь может выбрать его макет, стиль, а также блоки для размещения на странице — текст, картинки, фотогалерею, виджеты и т.д.
http://sklyarevskiy.livejournal.com/1440413.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 23-12-2009 04:11
Об отношениях веб-дизайнера и заказчика
http://ibigdan.livejournal.com/5815515.html

великий магистр
Группа: Участники
Сообщений: 560
Добавлено: 01-05-2010 20:02
Cайт с цветовыми гармониями и разным про цвет. Mожно копировать себе образцы в открытый файл и подбирать пипеточкой http://www.colourlovers.com/palettes

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 07-05-2010 03:20
Наиболее чаcто используемые в оформлении оттенки http://vasily-sergeev.livejournal.com/1413431.html

великий магистр
Группа: Модераторы
Сообщений: 1557
Добавлено: 27-05-2010 11:36
Методы управления поведением поискового робота http://help.yandex.ru/webmaster/?id=1111858

великий магистр
Группа: Участники
Сообщений: 560
Добавлено: 22-06-2010 10:38
Для подбора цвета пользуюсь вот таким сайтом http://colorschemedesigner.com/
И вот такой програмкой для Iphone: Color Expert
http://www.creativeapplications.net/iphone/color-expert-iphone/

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 10-07-2010 08:43
Можно менять цвет и размер текста http://vasily-sergeev.livejournal.com/1557268.html

великий магистр
Группа: Участники
Сообщений: 560
Добавлено: 13-11-2010 15:24
Генератор кода таблицы http://rusws.ru/genertabtag/

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 13-12-2010 05:39
Спецсимволы для текста http://barometr.livejournal.com/229576.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 10-02-2011 02:15
Как нарисовать горизонтальный пунктир? http://vasily-sergeev.livejournal.com/2056871.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 16-04-2011 03:38
Как вводить символы, отсутствующие на клаве http://infinipa.livejournal.com/613191.html

Великий магистр
Группа: Администраторы
Сообщений: 30442
Добавлено: 13-06-2011 07:17
Примочка для определения цветовых кодов http://vasily-sergeev.livejournal.com/2400360.html

Страницы: << Prev 1 2 3 Next>> ответить новая тема
Раздел: 
средневековые замки / научная техника / О дизайне сайтов

KXK.RU