Февраль 2009

О модели регистрации в закрытых сообществах

28.02.2009

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

  1. Самостоятельная регистрация пользователя и уведомление его о карантинном периоде, в течение которого он не имеет доступа к различной информации приватного характера.
  2. Голосование комьюнити о принятии нового члена.
  3. Автоматизированное решение системы о принятии пользоваля в сообщество при достижении порога голосования (абсолютное значение или процент) и наделение его полными правами.

Портал горожанина Москвы, верстка

25.02.2009

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

Уровень 1:

Уровень 2:

Уровень 3, лента статей:

Статья:

Версия статьи для печати:

Дизайн: Игорь Старков.
Проектирование и артдиректинг: Журавлев Денис.

Работа сдана в феврале 2009.

MultiBox на mootools 1.2

25.02.2009

Для реализации просмотра медийного контента на портале горожанина Москвы за основу я взял всплывайку multibox на 1.11 версии фреймворка mootools.

  • Обновленный код требует mootools 1.2 и плагин assets,
  • имеет встроенную реализацию подложки (overlay),
  • поддерживает события клавиатуры для навигации по галерее,
  • в отдельную переменную вынесена базовая задержка baseDuration, от которой рассчитывают все остальные события.

photo
video

Файлы:
multibox.js
multibox.css

Пример использования

Seopult.ru, итоги продвижения

25.02.2009

Seopult.ru компании UnMedia оказался отличным безгеморройным инструментом продвижения. Правда я сам себя немного подвел нулевым балансом в течение двух недель, в результате которого ссылки были сняты, но двумя неделями позже сайт вернулся в топ.

Круглые уголки одной картинкой

25.02.2009

webo.in:

80% времени загрузки тратится фронтэндом. Большая часть времени уходит на загрузку компонентов страницы: картинок, таблиц стилей, скриптов, flash.. Уменьшение количества этих компонентов уменьшает количество запросов к серверу, необходимых до того, как клиентское приложение может отрендерить страницу. Это — ключ к созданию быстрых страниц.

Посему, я объединяю четыре картинки уголка в один спрайт.

Их использование задается таблицей стилей.

<div class="middle">
 <div class="t">
  <div class="tl"></div>
  <div class="tr"></div>
 </div>
bla-bla-bla
 <div class="b">
  <div class="bl"></div>
  <div class="br"></div>
 </div>
</div>

.middle .tl, .middle .tr, .middle .bl, .middle .br {
 background: url(../img/middle-corners.png) no-repeat;
 float: left;
 height: 14px;
 width: 14px;
}
.middle .tr, .middle .br {
 background-position: 100% 0;
 float: right;
}
.middle .bl {
 background-position: 0 100%;
}
.middle .br {
 background-position: 100% 100%;
}

Пример использования

Онлайн-читалка книг, эскиз

20.02.2009


Слева от текста на уровне курсора мыши ездит звездочка, которая позволяет сделать закладку, которая тут же появляется в списке закладок и на кастомизированном скроллбаре.

© 2009 Константин Коновалов, ИТЦ «Молнет»

Трендсеттинг дизайна госсайтов

19.02.2009


Говнообразие интернет-представительств элементов власти бесконечно инерционно. До сих пор нестандартный в этом ряду, но вместе с тем олдскульный по нынешним мерками дизайн Комитета общественных связей, отторгается чиновниками с пожеланиями стандартной фотопанорамы Москвы в шапку.

О девелопменте

19.02.2009

Это наше слово, этап жизненного цикла программного обеспечения: десктопного, системного, веба и прочего. Называйте для маркетингового разнообразия свое ебанное строительство билдингом или констракшеном.

Подготовка графики и обфускация яваскрипт-кода к релизу

19.02.2009

Графика после окончания верстки подлежит оптимизации. Я пользуюсь для этого двумя инструментами (под windows): jpegtran и optipng для соотвествующих форматов.

jpegtran.exe -optimize in.jpg out.jpg
optipng -o7 in.png

До яваскрипта и стилевых таблиц очеред доходит перед самым релизом. Идеальным из всех испробованных мной инструментов оказался yuicompressor.

java -jar yuicompressor-2.4.2.jar in.js -o out.js
java -jar yuicompressor-2.4.2.jar in.css -o out.css

Для работы последней утилиты потребуется установленная java runtime environment.
Последние версии утилит одним архивом.

Ура!

11.02.2009

Поисковый перст коснулся наконец-то (после письма Яндексу) моего блога.