Я сейчас читаю серию книг Терри Пратчетта «Плоский мир» — 36 книг (прочитано 16), не нашёл две книги в русском переводе (некоторые книги не переведены официально, но есть неплохие любительские переводы):

• Удивительный Морис и его дрессированные грызуны (The Amazing Maurice and his Educated Rodents, переведены 4 главы)
• Маленький свободный народ (The Wee Free Men, есть небольшой переведённый отрывок)
  Если есть фанаты, помогите найти перевод.

Позднее Нашёлся ещё неоконченный перевод «The Wee Free Men» от Staff, на сайте Pratchett.org, больше ничего найти не могу.

Позднее Ага, нашёлся законченный перевод «Удивительный Морис и его дрессированные грызуны», в ЖЖ-сообществе mauirce_cat, специально для этого созданном. Надо будет выкачать его целиком.

Многим по разным причинам не понравилась реализация выделения ссылок на английском. Попробуем другой вариант. Пока он работает под Internet Explorer, FireFox и Safari (и не работает под «Оперой», где нет поддержки custom cursor). Тестовый образец лежит у меня в «файлах», можно попробовать.

Так лучше?

Правила расстановки ударений при произнесении японских слов, цитата из статьи Бориса Иванова «Киридзи и ромадзи: как писать по-японски кириллицей»:

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

Слова, оканчивающиеся на «он», «ан», «моно» и «ко» (в трехсложных словах), произносятся с ударением на последний слог: «иппОн», «дзёмОн», «кимонО», «нурикО», но «хЭйко», «тЭнно», «нагАно». В случае окончания «эн» — можно и так, и так (сэйнЭн — сЭйнэн).

Слова, оканчивающиеся на дифтонги «ай/эй/уй/ой», произносятся с ударением на последний слог: «сэнсЭй», «самурАй», «бэнкЭй».

Ударение не может падать на «у» и «и», стоящие между двумя глухими согласными. В этом случае оно переносится на второй от конца слог (если он есть), либо на последний слог: «Асука», «сукА», «тАсуки», «тЭдзука», «фукУ».

Если в японском слове последний слог долгий, то ударение падает на него, даже если долгота слога не передается в написании: «махО».

Слово «тОкио» произносится так согласно традиции (собственно говоря, более корректное написание — «Токё»).

Слова, содержащие один слог с «ё», допустимо произносить с ударением на этот слог (по общему правилу русского ударения): «аУм синрикЁ» («Аум» — слово не японское и произносится по другим правилам).

Для «больших» браузеров есть разнообразные ACID-тесты (на данный момент — 3 штуки), тесты селекторов и так далее, для мобильных браузеров имеется, оказывается, собственный тест, представляет из себя 12 квадратиков, тестирующих CSS2, PNG, GZIP, HTTPS, iframe, SVG, XMLHTTPRequest, CSS Media Queries,Cavas, conenteditable и CSS3-селекторы.

Из «взрослых» моя Opera 9.50b2 частично провалила только один тест (HTTPS), FF 2.0.0.14 — три штуки (CSS media queries, CSS3 selectors и Dynamic SVG), IE7 — 8 (пройдены только CSS2, PNG, GZIP и contenteditable), Safari 3.1 провалил два теста (HTTPS и Dynamic SVG).

Небольшую подборку тестов мобильных браузеров (Blazer 4.3.2.1, PSP Netfront, Opera Mini 4.1b1, Андроид) можно увидеть в блоге Евгения Киселева.

Usavich — японский сериал о приключениях двух зайцев Путина и Кириенко (да-да, их так и зовут) в ГУЛАГе. У каждого персонажа своя история. Сериал смотреть обязательно! На оригинальном сайте не все серии, остальные можно найти на YouTube, впрочем, есть люди, которые постарались и нашли всё до нас.

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

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

Очередной креатив газеты «Комсомольской Правда. Украина»:

Тараканы питаются остатками с нашего стола. А в последнее время мы потребляем намного больше генетически модифицированных продуктов (например, сегодня в состав всех кетчупов, продаваемых в Украине, входит модифицированный крахмал). Вот эти вещества и вызвали изменения на генном уровне у тараканов, и те вымерли.

Напоминаю, крахмал — химическое соединение (формула — (C₆H₁₀O₅)_n), ДНК, которая рядом с молекулой крахмала будет выглядеть как кит рядом с  селёдкой, понятное дело, крахмал содержать не может, следовательно, не содержит и генов. А значит крахмал не может быть генетическимодифицированным.

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

У Сергея Островского в ЖЖ статья о том как его задержали ГАИ в Минске и во что это вылилось, текст длинный, но… э… познавательный. Небольшая цитата (Зверуга — фамилия одного из гаишников):

Через несколько секунд старший схватил меня за шею рукой сзади и прижал левой щекой к подголовнику, а младший нанес несколько ударов в правый висок и челюсть ребром кулака. (Впоследствии я осознал, что все это происходило полностью согласованно и, очевидно, процедура выполнялась не впервой). Я начал задыхаться, но все же смог открыть пассажирскую дверь правой рукой и высунуть ногу, чтобы мои друзья увидели, что внутри что-то не так. В ответ на это Зверуга вышел из машины (сзади меня продолжали сильно душить), закрыл мою дверь и остановил машину со «свидетелем».

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

Очень полезная ссылочка «Масштабирование картинок в браузерах», позволяет наглядно оценить разницу при уменьшении и увеличении различными браузерами изображений.

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

Вышла Spesta 2.21a+b (качать — там же).

Список изменений:

• теперь восстанавливается error_reporting на выходе из counter (важно для тех, кто знает PHP)
• улучшенный подсчёт уников на базе cookie
• русификация графика (выключается в конфиге), возможность использовать TTF-шрифт, оптимизация по скорости прорисовки графика (кто писал этот код?)
• правки для поддержки PHP4 в некоторых ситуациях (OMG, PHP4 ещё не умер!)
• при клике на график происходит его перезагрузка
• правильно подсчитывается средняя аудитория за день
• небольшие изменения в дизайне
• на закладке поисковых роботов выводятся favicons роботов
• исправлен баг оригинальной версии, приводящий порче данных, если в User-agent есть вертикальная линия
• добавлена поисковая машина Nigma
• разрывы длинных строк в отчётах
  Спасибо владельцу блога «Тут хумора.NET», который тестирует эту версию уже неделю.

В хорошем изречении что важно? Чтобы было банально и присутсвовала элементарная игра слов. Нияз Сайфутдинов (более известный простому народу по одному из «бизнес-линчей» на сайте студии Лебедева) родил недавно неплохое, на мой взгляд, изречение:

«Живи, пока живёшь, потом такой возможности не будет»

Я уже несколько раз писал о data URL, так что наверное все уже запомнили что это такое. У этого способа внедрения ресурсов есть интересные плюсы, но, в своей массе, веб-мастера не торопятся использовать его из-за мнимых минусов, которые я хочу сейчас рассмотреть.

• из-за base64 размер изображения увеличивается на треть
• невозможно использовать одно изображение несколько раз
• не работает в IE
  Все эти минусы — мнимые.

По первому пункту. Многие сайты используют gzip-сжатие веб-страниц, что позволяет сильно уменьшить размер страницы. Я прогнал через base64 всю базу изображений моего сайта (примерно 350 картинок), после чего сжал их gzip. Размер, по сравнению с первоначальным вырос, в среднем, на 2%. Если вы используете сжатие страниц, вам не нужно бояться увеличения размера страницы.

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

По третьем пункту я уже высказывался. В IE до восьмой версии не было data URL (в IE8b1 поддержка есть, но очень урезанная — всего 32Кб данных), но я придумал способ как внедрять изображения в IE.

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

На фото я помогаю Кукуцу худеть, тогда как Дима занимается балетом.

Как видно — занят полезным делом и не моргаю. А фото, которое я запорол морганием можно увидеть в у Димы, там Кукуц в аватаре кузена Оно (Cousin Itt).

У Бирмана встретил на сайте его движка блогов «e2»:

Рекламируют автообновление:

Если смотреть на систему непредвзято — она действительно хороша. Первое, чем она вас встретит — это автоматические обновления: пожалуй, уникальное свойство в мире CMS. Она сама скачивает с сайта разработчика заплатки и новые функции и сама же на себя их устанавливает.

Я действительно гений. После того, как я это сделал в 2004 году, это стало появляться и в других веб-приложениях.

в 2003-м появилась TimeLabs CMS, хорошая система для тех лет, с контекстным меню, автообновлением, модулем, позволяющим создавать произвольные типы данных (причём более гибко, чем в «Битриксе» даже сейчас), безопасным логином (через JavaScript SHA1), гибкой системой прав, системой контекстной помощи, PHP cron, AJAX-модулем общения админов (админка была расчитана на IE) и так далее — интересных особенностей там была куча.

Система прав, локализатор и модуль файла конфигурации сейчас используется в Lixil CMS, а миниязык блокировки по IP — в проекте KVNru.ru. Так что часть системы жива и сейчас, не говоря уже о том, что до сих пор существуют сайты на этой CMS (скриншот взят с одного из таких сайтов).

Побывал у Димы Смирнова на новоселье. Наконец-то сделали групповой снимок создателей движка «Регистр» — первого популярного движка блогов в России. Число установленных копий в те далёкие времена (2002—03 гг.) достигало нескольких тысяч.

Слева направо: Дмитрий Смирнов aka «Spectator», Роман Иванов aka «Kukutz», Евгений Степанищев aka «BOLK».

Примечательно, что все мы понаехали — первым Роман из Екатеринбурга, потом я из Казани, следом Дима из Новосибирска.

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

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

<style type="text/css">
body { background: white; color: black; font-family: Arial; font-size: 16px }

.crop div div
{
    text-overflow: ellipsis;    /* Internet Explorer 6.0 и выше, Safari, Konqueror */
    -o-text-overflow: ellipsis; /* Opera 9.0TP1 и выше */
    white-space: nowrap;
    width: 100%;                /* для IE */
    overflow: hidden;
}

.crop ins, .crop del { display: none } /* скрываем свои хаки от остальных браузеров */

/* стили только для FF, см. /all/1623 */
@-moz-document url-prefix()
{ 
    /* ширина «…» — 16px, высота строки — 18px */
    .crop          { overflow: hidden; height: 18px; width: 100% }
    .crop div      { clear: none; float: left }
    .crop div div  { white-space: nowrap; overflow: hidden; margin-right: 16px; width: auto}
    .crop ins      { float: right; margin-left: -16px }

    /* margin делаем на -1px уже, чем ширина «…», чтобы блок «свалился» чуть раньше */
    .crop del      { float: right; color: white; background: white; width: 16x; margin-left: -15px }
    .crop del, .crop ins { display: block; text-decoration: none }
}
</style>
<div style="max-width: 700px; margin-left: 10px">

<div class="crop">
<div>
    <div>Who let the dogs out (woof, woof, woof, woof)!</div>
    <ins>&hellip;</ins> 
    <del>&hellip;</del>
</div>
</div>

</div>

Вот такая эмуляция text-overflow в FireFox.

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

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

В качестве concept proof я накидал небольшой пример, который сразу заработал в «Опере» и «Сафари», FF2 и IE7 возможностями победнее, они не потянули, видимо, в них придётся убрать селектор «:after» и заменить всё тегами с многоточиями внутри.

Сам код:

<style type="text/css">
    body { background: white; color: black; font-family: Arial; font-size: 16px }

    div.crop { width: 100%; height: 20px; overflow: hidden; z-index: 1 }

    div.crop div { float: left; width: auto }

    div.crop:after     { content: '\2026'; position: relative; z-index: 2; background: white; margin-left: -16px }
    div.crop div:after { content: '\2026'; position: relative; z-index: 3; background: white; color: white }
</style>

<body>
<div class="crop"><div>Текст не умещается в контейнер, до того он длинный</div></div>
<div class="crop"><div>Текст не умещается в контейнер</div></div>
</body>

В этом году «домику», который Лебедев более десяти лет назад придумал в иконку исполнится 14 лет — 13 октября 1994 года вышла версия Mosaic Netscape 0.9 с «домиком» в качестве символа домашней страницы.

Как известно многим пользователям программ Adobe Photoshop и Image Ready, в этих программах есть «пасхальные яйца» (easter eggs), так называют спрятанные создателями программы секреты-шутки. На сайте Завгороднего попались три интересные статьи на эту тему:

«Альтернативные заставки Adobe Photoshop, они же — „пасхальные яйца“ (easter eggs)» «Альтернативные заставки Adobe ImageReady, они же — „пасхальные яйца“ (easter eggs)» «Истинное лицо утки из Adobe Photoshop»

Такого исчерпывающего исследования я ещё не видел. Хотя бы просмотрите — очень забавно.