Избранное

Веб-дизайн

	Станислав Биченко 28 марта 2012
	Флюент: новый подход к электронной почте

Новый сервис «Флюент» превращает электронную почту в ленту сообщений:

http://fluent.io/

http://demo.fluent.io/

Во многом это то, о чём недавно писал Грэм:
http://paulgraham.com/ambitious.html (п.2)

6 комментариев твитнуть интерфейс, веб-дизайн, почта

	Станислав Биченко 25 декабря 2011
	Структура разметки веб-страницы как граф

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:

apple.com

табличный yahoo.com

google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

2 комментария твитнуть инфографика, визуализация, веб-дизайн

	Илья Бирман 14 сентября 2011
	Бостон-глоуб

Резиновый сайт газеты в западном интернете. Причём резинится от айфона до бесконечности. Не каждый год такое встретишь.

http://www.bostonglobe.com/

Кино про сайт:

8 комментариев твитнуть вёрстка, газетный дизайн, веб-дизайн, резиновые сайты

	Илья Бирман 14 июля 2011
	Маша

Артём Геллер анонсировал в своём твиттере новую штуку под названием «Маша» (Mark & Share). Урл страницы содержит в себе информацию о выделенных фрагментах текста, и при выделении текста можно в один клик сгенерировать такой новый урл.

Пример:
http://kremlin.ru/news/8147#sel=4:9,4:20

Результат:

12 комментариев твитнуть интерфейс, веб-дизайн

	Гулевич 22 мая 2011
	Поиск фотографий по цветам

http://labs.ideeinc.com/multicolr

4 комментария твитнуть графдизайн, дизайн, веб-дизайн, поиск

	А. Г. 26 апреля 2011
	ЧП в голландском интернет-магазине

http://producten.hema.nl/

4 комментария твитнуть сайт, веб-дизайн, приём, промо-сайт, саморазрушающаяся страница

	Станислав Биченко 26 марта 2011
	Макет блога с заголовками, прилипающими кверху при прокручивании

http://dl.dropbox.com/…/336785/qawgma/index.html

Идея вроде бы неплохая (жаль, что макет с дурацким lorem ipsum), но что-то здесь как будто не так — не могу понять, что именно.

Может, заголовки постов расположены слишком близко к заголовку страницы, и становятся похожими на подзаголовки?

5 комментариев твитнуть сайт, веб-дизайн, макет

	Сергей Сурганов 24 марта 2011
	Мини-погода от Яндекса

Мини-страница про погоду — минимализм в духе ya.ru.

http://mini.pogoda.yandex.ru/

13 комментариев твитнуть информационный дизайн, Яндекс, веб-дизайн

	А. Г. 2 марта 2011
	Психологические приёмы в веб-дизайне

Приёмы убеждения в веб-дизайне:
http://www.smashingmagazine.com/…-triggers-in-web-design
Взаимная обязанность, приверженность, выбор большинства, авторитет, дефицит, шкала ценностей, контекст.

Как использовать семь смертных грехов в веб-дизайне:
http://www.smashingmagazine.com/…-turn-visitors-into-customers
Гордыня, обжорство, праздность, зависть, похоть, алчность и гнев на службе дизайнера.

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

	Станислав Биченко 27 февраля 2011
	Форма для ввода логина и пароля в одном поле

http://www.awayback.com/…-input-login-form-2

Вначале пользователь вводит логин, затем — после пробела — пароль. По ссылке все описано подробнее и со скриншотами.

Главное — удостовериться, что в вашем случае без регистрации с логином и паролем не обойтись.

12 комментариев твитнуть интерфейс, авторизация, веб-дизайн

	Станислав Биченко 18 февраля 2011
	Веб-страница со статичным картинками под меняющимися масками

http://www.webleeddesign.com/
http://www.daggerfin.com/

Демонстрировать скриншоты сайтов не имеет смысла — нужно на них зайти, чтобы оценить по достоинству. Любопытно, что, судя по всему, с технической точки зрения осуществить это довольно просто, причем только средствами HTML и CSS

нет комментариев твитнуть графдизайн, веб-дизайн

	Сергей Сурганов 2 ноября 2010
	Коллекция кнопок из разных интерфейсов

http://houseofbuttons.tumblr.com/

2 комментария твитнуть графдизайн, кнопка, веб-дизайн

Никита Прокопов:

Нечеловеческое вам спасибо!!!

Максим Мягкий:

Присоединяюсь к нечеловеческому спасибо.

	Сергей Сурганов 22 сентября 2010
	Крутая реализация скроллинга

http://myartistsapp.com/?fusionb

нет комментариев твитнуть Эпл, айпад, навигация, интерфейс, айфон, веб-дизайн, скроллинг

Пишите: mail@artgorbunov.ru

Темы

Собаководы

Веб-дизайн

Флюент: новый подход к электронной почте

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

Бостон-глоуб

Маша

Поиск фотографий по цветам

ЧП в голландском интернет-магазине

Макет блога с заголовками, прилипающими кверху при прокручивании

Мини-погода от Яндекса

Психологические приёмы в веб-дизайне

Форма для ввода логина и пароля в одном поле

Веб-страница со статичным картинками под меняющимися масками

Коллекция кнопок из разных интерфейсов

Крутая реализация скроллинга