Первый набор иконок Фоторамы я выпилил из Даркбокса, вот загрузка:

А вот ошибка:

Отличные иконки. Cпасибо, Вадим!

Для будущей версии Фоторамы я нарисовал свои иконки статуса, вот такие:

Разве не загляденье! Про радиальный градиент напишу отдельно :-)

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

ФОТОГРАФЫ!

Не упустите возможность покрутить свои работы на fotoramajs.com. Напишите письмо, я расскажу про формат.

Рядом с вашей фоторамой будет ссылка на ваш сайт. А ещё я дам вам спец. ссылку для твитера, по которой на главной будут открываться только ваши фотки, типа такой:

http://fotoramajs.com/~talala

За текущие фотки спасибо Артёму Сапегину, Игорю Скаляриеву, Денису Талала, Алексею Лебедеву, Сергею Королю, Сэму Бараталиеву и Даше. Ребята, если хотите на второй круг, тоже пишите.

Спасибо!

Ситуация. У меня закончились деньги на мегафоновском модеме, в интернет больше не пускают. Я, понятное дело, пытаюсь зайти на сайт Мегафона и пополнить счёт, но и к собственному сайту Мегафон закрыл доступ.

Эй, вам не нужны мои деньги!?

Приходится искать какие-то окольные способы оплаты, тыкаться в телефон или, ещё хуже, ехать за 40 километров, из деревни в город, до ближайшего терминала.

Та же фигня с ограничением скорости. Вышел за лимит трафика без ограничения скорости, мучаюсь на 64 Кбит/с, решаю купить дополнительный пакет, иду на сайт и пол дня жду пока он загрузится. Вот же совок!

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

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

При попытке посмотреть «чужой» сайт c отрицательным балансом, делайте редирект на страницу оплаты. Или это невозможно?

Я не за то, чтобы снимать вообще все ограничения для пользователей — очередь перед кассой в супер-маркете приносит его владельцам немалый доход. Глупо говорить «нет», когда клиент уже протянул деньги.

Интересно, а как с этим у других операторов?

Повторим урок про Константинопольского и невлезающий текст.

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

1. Переносите его на следующую строчку:

Но не забывайте про декоративные элементы:

Ничего не должно ломаться, если текст вдруг стал длиннее:

2. Когда структура страницы почему-то не допускает переносов, прячьте второстепенные слова, размеченные заранее:

3. Или делайте фейдаут:

Продублировав текст во всплывающей подсказке, элементарном title:

Кстати, кроме фейдаута ещё есть тень, не такой затёртый приём:

4. Нельзя переносить, резать и прятать — уменьшайте кегль, как на сайте «Я расту»:

В начале октября я попробовал себя в роли докладчика на фестивале «404» в Самаре. Видео моего доклада недавно появилось на Вимео:

Какие-то враги отрезали ему «Яйца» — так называлась последняя часть. Сейчас перескажу её здесь.

***Чаще всего пасхальные яйца зашивают в игры. Введёшь специальный код, найдешь невидимую монетку и получаешь сотню жизней.

На сайтах такие секреты редки, но почему бы, если проект готов, и осталось немного сил, не сделать что-нибудь весёлое? Тем более, что здесь вы предоставлены сами себе.

На «Техкранче в Москве — 2010» был такой календарик:

Выглядит как отрывной, ну я его и сделал реально отрывным, хотя дизайнер этого не предполагал:

Пасхальные яйца — это своеобразные шутки для внимательных пользователей. И хороший повод написать в твитер.

Вот я специально к фесту запрятал яичко на сайте Бюро, моё имя там тоже есть:

Хорошо дизайнит тот, кто дизайнит последним :-)

Илья Бирман комментирует два вывода, которые делают люди, посмотревшие инфографику результатов опроса богатых и бедных:

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

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

Только человек сопротивляется направлению гравитации: ему постоянно хочется падать вверх.

Есть всё что угодно и быть стройным и здоровым, бухать с людьми со связями и становится богаче, лежать на диване и выигрывать в лотереи, получать 240% годовых в МММ, наконец. Падать вверх — да (и лучше с ускорением); ползти вверх, срываться и продолжать снова, расходовать свои силы, следить за собой — ну уж нет.

Утром прочитал у Азата Ахъярова про китайскую чипсовницу. А вечером замутил свою из толстой бумаги:

Тонкие ломтики картошки аккуратно расставляем в прорези и слегка посыпаем солью:

После 6 минут в микроволновке на средней мощности чипсы готовы:

Вкусного вам Нового года! Омномном.

В России хозяйки радуются, когда гости опустошили все тазики с салатами, значит всё вкусно было, все наелись и вообще. В Европе, если общие тарелки вдруг стали пустые, хозяйки волнуются — не хватило, нужно срочно ещё какое-то угощение придумывать.

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

С наступающим всех :-)

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

$(function(){
  $('.fotorama').fotorama();
});

Просто добавляете класс fotorama и блок автоматически превращается в Фотораму:

<div class="fotorama">
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
</div>

Раньше такой способ тоже существовал, но я о нём не рассказывал, потому что ничего нельзя было настроить — инициировалась дефолтная Фоторама. Теперь опции можно указывать с помощью атрибутов data-*:

<div
     class="fotorama"
     data-backgroundColor="#797775"
     data-thumbsPreview="false"
     data-margin="0"
     data-resize="true"
>
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
</div>

А раньше было только так:

<div class="fotorama">
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
</div>
<script>
$(function(){
  $('.fotorama').fotorama({
    backgroundColor: '#797775',
    thumbsPreview: false,
    margin: 0,
    resize: true
  });
});
</script>

Так можно указать все опции, кроме data, html и onShowImg. Прежний способ инициализации и настройки работает без изменений.

Швейцария богаче Германии. И там, и там не принято светить деньгами, это не прилично, но в Швейцарии деньги прячут с бóльшим усердием. Небольшой пример — корзинка для пожертвований в немецком храме:

Швейцарская корзинка:

Заметил, что в Германии и вообще в Европе зимой очень много машин ездят на обычных чёрных штамповках, даже без декоративных колпаков. Класс не играет никакого значения.

Европейские штамповки подтверждают гипотезу, что чем бочаче общество, тем слабее его тяга к украшательствам, и наоборот.