Избранное

Ctrl + ↑ Позднее
15 июля 2011, 13:25

Спрайты через <img>

Хорошая статья про то, почему нужно делать спрайты через <img>, а не через background:
http://www.artzstudio.com/2010/04/img-sprites-high-contrast/

В двух словах: если вы хотите, чтобы при печати, сохранении на жёсткий диск и в контрастном режиме Виндоус ваши спрайты не потерялись, нужно подключать их через <img>.

Кодовые отличия двух подходов я показал на картинке:
Спрайты через &lt;img&gt;, а не через background

На тестовой странице обыкновенные спрайты действительно отваливаются при выше указанных условиях:
Спрайты через background работают не везде
Приготовил флажки Никиты Иванова к удобному использованию на вебе:
http://artpolikarpov.ru/flags/
23 июня 2011, 9:50

Фоторама 0.1

Написал джикверный плагин галереи, работающей почти так же, как фотки у Тёмы Лебедева в путешествиях: http://tema.ru/travel/taimyretnoexp-2/ (долистайте до второй). Мне нравится такой формат, когда галерея не выглядит чужеродным «флешем» на странице, нет замороченного управления и фотки могут быть любой высоты и ширины.

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

Отличия такие:

  • очень легко подключить — перечисляете картинки, как обычно и добавляете одну строку кода;
  • пимпочки расположены слева вверху, если у картинки изменится размер они никуда не уедут, плюс они скрываются и не мешают смотреть картинку, когда курсор где-то в другом месте;
  • проверяется загруженность картинки;
  • есть лёгкие кросс-фейды и анимация при переходах;
  • не используется никакая графика;
  • внешний вид пимпочек и их поведение можно настроить через ЦСС;
  • есть дополнительные опции — слайд-шоу, продолжительность кросс-фейда и подписи к картинкам (назначаются через alt).

Качайте и пользуйтесь, пожалуйста. Буду рад также, если кто-то захочет поучаствовать в этом нехитром проектике.

20 июня 2011, 15:28

Про кредиты

Ехал в горку на велосипеде и, чтобы было не так тяжело, вилял из стороны в сторону. И тут я понял, что когда берёшь кредит на что-то, это тоже виляние при подъёме в финансовую гору. Потом до меня дошло, что кредит ещё хуже: тебя телепортируют на вершину от самого подножия, но при этом не избавляют от необходимости подниматься в гору собственноножно, увеличивая дистанцию ещё большим вилянием. Такой бред.

Попробовал сделать визуализацию идеи (визуализаторы, покритикуйте, пожалуйста):

Про кредиты
В роли чего-то камешек, нарисованый Валерой Поповым, для теста Инвесткафе
Артемий Лебедев написал в Ководстве:
В экранных интерфейсах любые элементы управления не должны быть по площади меньше площади курсора (16×16 пикселей).
Главное правило экранных интерфейсов в вёрстке
Я не знаю, главное ли это правило, но мне оно нравится, и я хочу рассказать, как недавно его применил в своей вёрстке.

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

Размер точки — 6×6 пикселей. Явное нарушение правила! Но предположим, что дизайнер решил использовать эти точечки только для индикации, поэтому греха за ним, предположительно, нет. Я же подумал, а почему бы не сделать точки тыкабельными. И сделал. Но пока тестировал их, меня не оставляло чувство дискомфорта от прицеливания курсора к таким мелким элементам. И тут я вспомнил о ледебевском правиле.

Конечно, увеличить диаметр точки до 16 пикселей я не мог, но изменить внутренние поля мне никто не мешал:


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

Фермата

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

Взять, например, фермату:
Фермата
Фермата
(итал. fermata, буквально — остановка) (музыкальная), знак в нотном письме, обозначающий продление ноты или паузы, над или под которой он стоит, на неопределённое время (обычно в 1,5—2 раза). Продолжительность звука или паузы с Ф. исполнитель определяет по собственному усмотрению. Ф. над тактовой чертой обозначает неопределенной продолжительности паузу.

Из БСЭ.
Остановка в Италии:
Bus fermata
Даже формой эта автобусная фермата напоминает музыкальную
17 октября 2007, 23:01

Абонент недоступен

Кто придумал эту чудную трёхнотную мелодию?

Си, фа, ля
SIT.mp3

Си-полубемоль, фа, ля-полудиез (950 Hz, 1400 Hz, 1800 Hz) — это самая распространённая вариация «Cпециального информационного тона» (англ. Special information tone). SIT — не только символ об ошибке соединения для людей, эти герцы понимает и телефонная автоматика. Многие автонабиратели, использующиеся в телефонном маркетинге, настроены удалять номер из базы данных при таком мелодичном ответе.

Протокол SIT, определённый «ITU», разрешает небольшие отступления от частот, указанных выше, и времени звучания каждого тона в 330 миллисекунд. Поэтому заставка перед «Sorry, the mobile number…» не всегда звучит одинаково.

Послушайте:
900-1400-1800.mp3
Бельгия, Германия, Кения и т. д. (вторая по популярности вариация)
950-1400-1600.mp3
Латвия
450-1400-1800.mp3
Португалия
950x40-1400x40-1800x40.mp3
Иордания (самое экзотичное звучание)

World PSTN Tone Database
База всевозможных телефонных гудков
SIT
16 октября 2007, 23:41

СПАМ!!!

Мне казалось, что колбасный фарш из третьесортной свинины «СПАМ» (англ. SPAM — Spiced Ham, Shoulder of Pork and ham, Something Posing As Meat etc.) уже вряд ли продаётся. И банки от этих консервов можно увидеть только в статьях об истории слова «спам», которое, благодаря скетчу комик-группы «Монти-Пайтон» (Monty Python) в 1969 году и первым остроумным реакциям на массовые рассылки ненужной чепухи теперь для большинства никак не ассоциируется с консервами.

Gmail-Спам
В папке «Spam» моего gmail-ящика около сотни новых писем каждый день

Не правильно казалось. Сегодня «СПАМ» едят более чем в 40 странах, а больше всего любителей этих консервов — в США, Англии и Южной Корее. Вот и у меня была баночка:

Консервы Spam

SPAM.com
Шап-ту-дай! «СПАМ.ком» со звуком и анимацией
The Monty Python Spam Skit!
Сценарий и аудиоролик знаменитого скетча
Electronic Spam
Справка о привычном спаме на Википедии
8 января 2007, 18:23

По топорам

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

В топорах

Есть три способа разобраться (от простого к интересному):
  • найти теоретика, который объяснит принцип;
  • посмотреть один и тот же фрагмент в нескольких нотациях;
  • помузицировать со знающими ребятами, вникая на лету.
Мне повезло — я познакомился с топорами в процессе. Рассказать все тонкости такой записи я не смогу, так как уловил лишь некоторые правила, достаточные для того, чтобы не вывалиться из унисона.

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

Вот уже знакомый нам отрывок (см. первую картинку), переведённый в привычную нотацию, ну, примерно:

В обычных нотах
31 декабря 2006, 18:23

Тире и пробелы

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

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

В одних книгах дело было так:
— Я знаю кондуктора, который гораздо умнее,— это Петров! — не выдержал пассажир.— Он счастливые билеты сам съедал перед сменой.

«Сумасшедший»,— подумала Валя. «Кто это?» — промолчал кондуктор Костя.
Пробел не ставится после запятой во всех возможных случаях и после точки при оформлении прямой речи. Такой принцип распространён в большинстве книг, изданных до 90-х годов.

В других:
— Валентина, Константин, не беспокойтесь — продолжал Сергей, — я как увижу, что телевышку проехали, — скоро и выйду. — А про билеты эти — забудьте.

«Хм», — переглянулись остальные действующие лица.
Тире во всех случаях отбивается пробелами с двух сторон. Так поступают типографы наших дней.

У себя на блоге я придерживаюсь второго варианта, да и кавычкер e2 — Calliope — не превращает дефис в тире, если он не окружён пробелами.
Ctrl + ↓ Ранее