Saturated — это web — служба, призванная помочь в тонкой настройке интернет — ресурсов.

Как следует из заголовка, речь в статье пойдёт о неотъемлемой части любого русскоязычного (и не только) текста — о пробеле. Мы затронем историю пробела, виды пробелов, вопросы употребления пробела в веб-типографике.

Вообще говоря, пробел — это любое пустое место в рукописном, печатном или отображаемом на любом другом носителе тексте. Так что пробелы бывают разные:

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

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

Решение в одном из отелей Питтсбурга. Для того, чтобы заработала электроэнергия необходимо вставить ключ (он же ключ от входной двери). По словам владельцев отеля, система окупила себя за 3 месяца. Теперь решена проблема не только по сбережению энергии (оставленные включенными кондиционеры, обогреватели, лампочки и т.д.), но и проблема отыскать ключ от номера с утра (очень актуально для утра нашего туриста :)

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

Кому интересны новые решения для привычных вещей смотрите также:
UI пачки молока
UI пачки пилюль

Не смотя на тот факт, что эта система не новая(а в посте это и не заявлялось), дисскуссия перешла в интересый ракурс — «моя история с этой штукой и как я её (не)обманул». Stay positive!

Примечание: ниже перевод статьи «JavaScript optimization, are chained calls expensive?». В ней автор тестирует, насколько медленнее производятся цепочки вызовов функций по сравнению с их кешированными аналогами. В конце приведены результаты моих тестов производительности.

Sree Kotay в своем блоге оставил небольшую заметку о JavaScript. (Если вас интересуют технические подробности, я рекомендую ознакомиться с презентацией Simon Willison «A (Re)-Introduction to JavaScript».) В своем блоге Sree пишет следующее:

Чтобы разобраться с теми различиями для простейшего случая, которые следуют из понимания (очевидных) основ JS оптимизации, стоит осознать, что:

for (i=0; i < 100; i++) a.b.c.d(v);

… ЗНАЧИТЕЛЬНО медленнее, по крайней мере, в JavaScript, чем:

var f=a.b.c.d;
for (i=0; i < 100; i++) f(v);

… потому что, в конце концов, JS — это динамический язык. Я предоставлю несколько более конкретных советов для JavaScript и тестов производительности, которые прояснят эту ситуацию.

читать дальше на webo.in →

В данном посте я решил опубликовать свой перевод статьи Якоба Нильсена (подробнее тут — http://www.useit.com/jakob/): “10 High Profit Redesign Priorities”.

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

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

В предыдущей части я начал рассказывать про попытку миграции с одного IM-клиента на другой, а именно с Pidgin на GoogleTalk (написание происходило одновременно с изучением предмета).

Что ж, принимаю поздравления, миграция успешно удалась!

Если помните, оставались нерешёнными всего несколько проблем:

• ICQ/AIM интеграция, т.е. как научить GTalk общаться с ICQ-контактами
• создание «несколькострочных» сообщений, т.е. как выполнить возврат каретки не отправляя сообщение.
• раздельно изменять размеры шрифта в ростере и в окне беседы

Приступим:

ICQ/AIM

Вчера прикрутить аську в десктопной версии GTalk'а простым каким-нибудь способом не удалось и я решил пойти на эксперимент. Общаться в асе прямо через вебморду гмэйла. Эксперимент закончился практически так и не успев начаться — юзеры мои сообщения получали нормально, а вот я, в основном, видел их ответы в форме некрасивых кракозяблов. Т.е. то ли что-то не срослось, то ли еще чего, но с такими кодировками особенно не поживёшь.

Но отступать не хотелось и решено было заюзать упоминаемые вчера костыли в виде Psi и jabber-транспортов. Всё оказалось не так страшно, хоть и немного муторно.

Примечание: ниже приведен перевод статьи «Replace GIF with PNG Images» о том, в каких случаях стоит использовать PNG-формат вместо GIF. Мои комментарии далее курсивом.

Введение

Переносимый сетевой графический формат (Portable Network Graphics, PNG) разрабатывается как более эффективная, гибкая и свободная от патентов замена GIF-формату. PNG был задуман для хранения отдельных растровых изображений для дальнейшего распространения по компьютерным сетям (1). PNG был создан в 1995 в ответ на давление со стороны Unisys и их патента на алгоритм LZW-сжатия, используемый в GIF. Хотя срок действия патента Unisys уже закончился, причины на переход от GIF к PNG остались, практически, прежними (2). Заменив ваши GIF-изображения теми же самыми, но в формате PNG, вы можете ускорить загрузку ваших страниц и сэкономить трафик ваших пользователей.

PNG против GIF: алгоритмы сжатия

PNG использует алгоритм deflate-сжатия обычно с 32Кб скользящим (sliding) окном. Deflate является улучшенной версией алгоритма сжатия Lempel-Ziv (LZ77), который используется в ZIP- и GZIP-файлах (3, 4). Созданный Phil Katz для второй версии PKZip, deflate совмещает LZ77 с кодированием Huffman и является от 10% до 30% более эффективным, чем LZW при сжатии без потери информации. Так же, как и GZIP, некоторые инструменты по PNG-сжатию предполагают опциональный параметр «степень сжатия», которая варьируется от 1 до 9. По умолчанию выставляется 6. 9 является практически всегда лучшим выбором для максимального сжатия.

Не удивительно, что изображения, сохраненные как PNG, обычно от 10% до 30% меньше, чем GIF, хотя в некоторых редких случаях они могут быть больше по размеру (5, 6). В нашем тестировании мы обнаружили, что часть картинок могут быть сжаты от 40% до 50% или даже больше (до 85% для одного примера), в зависимости от изображения. По большей части изображения с большими однотонными областями сжимаются лучше, чем градиентные с большим количеством переходов между цветами.

читать дальше на webo.in →

Проблема «раскрутки» заставляет болеть головы владельцев проектов не один десяток лет. Однако, в последнее время понятие «раскрутки» стало приближаться к понятию «накрутки», практически любой новый проект основную массу посетителей тащит с поиска. На самом деле это не так и плохо, тем более если представляется интересный продукт. Но как удержать пользователей и заставить их «работать»? Давайте рассмотрим несколько способов, если что не так — пишите комменты, поправим.

1. Деньги.

Первым вариантом ставлю деньги, завлечение деньгами. Это, наверно, самый логичный но наименее распространенный вариант. Во-первых, не каждый «зеленый» проект сможет платить нормальные деньги, ибо нужен не плохой буфер. Зачастую владельцы проектов — свободные разработчики, у которых нет лишних 2-3 тыщ зеленых в месяц на свой зеленый проект. Во-вторых, я лично не видел еще ни одной нормальной компенсационной программы, точнее её реализации для сети. Идеальная — установка AdSense от гугля. В идеале — пользователь ставит свой AdSense код в свой контент (блог, новости) и получает 100%, оставляет AdSense проекта и получает 50% (скажите, стали бы вы больше писать, если бы за каждый просмотр вашей новости на хабре вам капала копеечка?)

Прочитав статью 7 критических ошибок при приеме заказа на изготовление сайта, не могу не ответить на явные перекосы.

Ответ на первый пункт:

Согласен, заказчик почти никогда не бывает компетентен в вопросах написания ТЗ, определения целей и задач и т.п. При этом потенциальный клиент обычно очень удивляется, когда за ТЗ надо платить. «Как, вы не хотите инвестировать в наше сотрудничество?» — заявил один несостоявшийся заказчик. На что я заметил, что ROI таких инвестиций будет неадекватно низким. Человек хотел интернет-магазин по смешной цене (сам позвонил, сам назвал цену), а еще хотел «подробное ТЗ» бесплатно. Ага, так вот разбежался и «проинвестировал» минимум две недели работы.

А есть ли какие-нибудь общеизвестные доводы по поводу: существительные или глаголы использовать в интерфейсе — в меню и на кнопках? Мне вот что сейчас пришло в голову.

Кнопкам явно требуется глагол, потому что существительное — это некая констатация факта, дескать «вот эта штуковина и есть наш поиск» или даже «вон там — наш поиск». Существительное говорит мне «не всё готово, ещё рано, нажми на меня и только тогда ты попадёшь туда где сможешь действительно что-то изменить в этом мире», а глагол отражает незамедлительность и даже некоторую необратимость предстоящего действия (обычные свойства кнопок в наши дни.)

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

Но что делать со смешанными меню?

Продукты | Загрузить | Купить | Новости | Дилеры | О компании
Форумы | Поиск | Помощь | Войти | Зарегистрироваться

Имеют ли они право на сосуществование? У меня пок нет однозначного ответа — вроде и не особо кошерно что смешаны сущ. и гл., но и прямого вреда не вижу. А призыв «купить» даже, наверное, полезен с точки зрения психологии продаж, привносит действие (глагол) в мир статичных и скучных вещей.

Ёр мысли ар велкам! Апдейты в комментах

Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

Встречаем игроков

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

Здравствуй, дорогой друг!

Чувствуешь приближение весны? Я вот тоже чувствую. Если взглянуть на календарь, можно случайно обнаружить, что до конца зимы осталось всего-ничего. Как мы можем пропустить такое событие?!

В честь приближающейся весны на Хабре вступает в действие Федеральная Программа Поощрения Пользователей (ФППП). Тот, кто любит делиться своими знаниями, должен получить что-то взамен. Мы тут подумали — и я решил, что взамен нужно подарить новые знания.

В рамках ФППП автор лучшего топика за неделю будет получать в подарок книгу. Не простую, а хорошую. Помогут нам в этом спонсоры — издательство «Манн, Иванов и Фербер», которое предоставит книги, и книжный бутик Boffo!, который займётся доставкой этих книг.

Для начала представлюсь. Зовут меня Евгений (Eugene Spearance) — автор небезызвестного сайта и технологии Типограф.
Просиживая вечера в сладком безделии решил написать несколько статей посвящённых теме компьютерной вёрстки, раскрыть секреты собственного Типографа, а так же поделиться кое-какими соображениями о будущем развитии типографики.

3 марта 2008 года в юзабилити лаборатории Технологического Университета Миннесоты проводилось формальное юзабилити тестирование для Drupal. Лаборатория позволила записать данные камеры регистрации движений глаз.

У верстальщиков до сих пор возникает задача — подключить стили только для определённого браузера. Для IE проблема решаема — мало кто из верстальщиков не знает что такое conditional comments. Но исчезающе малое количество народу знает про per-site user stylesheet rules. Интересны они тем, что Mozilla FireFox поддерживет их через собственное правило — «@-moz-document».

Вообще, это правило позволяет подключать стили в зависимости от домена, URL или его префикса. Для нас важно, что эти правила увидит только FireFox.

Простой пример использования, из которого становится понятен общий принцип:

White in FireFox

У приведённого примера есть недостаток — такой CSS не пройдёт валидацию, что лично для меня определяющей целью не является, но для многих это как скаутский значок.

Принципы фильтрации по URL и доменам так же могут оказаться полезными, например, в случае, если CSS для нескольких поддоменов грузится с одного адреса, где располагается вся статика. О них можно почитать, например, в архиве W3C.

P.S. Если в статье что-то не так — подскажите. Это мой первый опыт.

Оригинал статьи опубликован в моём блоге.

В начале это недели я встречался с основателем компании Buka Entertainment Игорем Устиновым, который сейчас «выходит» из «Буки», продающейся стратегическому инвестору, и формирует вместе со своими партнерами по «Буке» бизнес-ангельский фонд «Азиум», который будет специализироваться на seed- и pre-seed-финансировании интернет-проектов (по результатам нашего общения я написал на своем IdeaBlog.ru вот эту статью).
Все, наверное, знают бизнес-модель инкубатора Y Combinator — он финансирует перспективные команды с хорошими идеями интернет-стартапов, выделяя при этом $5 тыс. на проект плюс по $5 тыс. на каждого из членов команды (среднее количество основателей — 3, то есть в среднем на один проект выделяется $20 тыс.), получая за это до 10% акций стартапа. При этом профинансированные команды приглашаются работать над своим проектом в офис Y Combinator, а выделенные деньги должны обеспечить «хлеб насущный» основателям стартапа на те несколько месяцев, которые они потратят на разработку и запуск своего проекта. Так вот — Игорь Устинов планирует работать почти так же, как Y Combinator.

Проблема (хотя и не для всех): в текущей реализации Хабра ссылку (ответить) в комментариях невозможно открыть в новом окне. Достигается этот эффект так:

<a href="javascript:saw(703108);">ответить</a>

Но есть более универсальное средство, подсмотренное в livejournal:

<a onclick="javascript:return saw(703108);" href="***.html?replyto=703108#703108">ответить</a>

[+] удобство комментирования (DHTML) остаётся, при этом…
[+] cсылки не теряют своих привычных свойств (зависящих от браузера, кстати)
[+] устраняется зависимость от JavaScript
[-] надо что-то менять :)

UPD от 11 марта: FWIMC, меня интересуют только мыши сохранение обычных свойств ссылок; пюризмом реализации не интересуюсь.

Может Google Analytics и бесплатная платформа, но она все же основана на проприетарной технологии, которая предполагает, что время от времени вам придется получать сообщения, которые Google сочтет нужным разослать, причем потенциальной аудиторией части этих рассылок являются пользователи других сервисов Google (например, компании, использующие AdWords). Использование Google Analytics предполагает то, что в будущем вы будете утомлены сотрудничеством с Google.Обратите внимание на Piwik, проект, который позиционируется в качестве бесплатной альтернативы Google Analytics и обладает открытым программным кодом. Это дочерний проект OpenX, альтернативный сервер контекстного поиска с открытым программным кодом, способный заменить Google Ad Manager. [прим.: мы начали его использовать на RWW]



В то время как OpenX зарекомендовала себя успешной и популярной, Piwik — проект еще откровенно зеленый? и пользователи еще только присматриваются к этой платформе. Впервые она была представлена публике как PHPMyVisites? и актуальная версия носит индекс всего лишь 0.1.5, что является отличительным знаком стабильности ПО.

Наверное, всем известно, что Google слишком любопытный поисковик. Однако, кто-то использует это для более точного поиска, а кто-то — для несколько иных целей.
Только что от моего товарища пришла ссылка по ICQ на видео-хак, которые открывает, так сказать «недокументированные возможности всемирно известного поисковика». Поиск паролей, скрытых директорий, документов, видеокамер — это малый перечень того, что умеет Google.
Достаточно давно на сайте уже поднималась эта тема. Оказывается, некий Джонни из забугорного интернета ведёт целый каталог подобных ссылок, именуемый Google Hacking Database (GHDB).
Немного старая тема, возможно, но все же кто-то о ней не знает, а кого-то найдутся новые интересные мысли на этот счет.

Смотреть видео на YouTube