Yet another Conference 2011, 19 сентября
04.09.2011
Yet another Conference 2011 состоится 19 сентября в Москве в залах World Trade Center Moscow.
Регистрация на мероприятие стартовала 19 августа. Количество мест ограничено.
Для тех, кто не попадёт в число участников или не сможет лично присутствовать на Yet another Conference 2011, будет организована онлайн-трансляция.
Подробную информацию о мероприятии читайте здесь.
Поделиться этой информацией с другими: url
Это относительно небольшая (чуть больше 200 страниц, обильно сдобренных скриншотами удачных и не очень сайтов) книга, недавно выпущенная издательством «Манн, Иванов и Фербер». Доступна только бумажная версия, но, возможно, в ближайшее время появится и электронная версия.
Основная идея книги заключена в её названии — коммерческий сайт должен приносить прибыль, всё остальное (включая дизайн) должно только помогать её увеличению.
Да, ребята, это книга по маркетингу. Более того, книга по интернет-маркетингу. Но книга о правильном, разумном интернет-маркетинге, а не о «реальном заработке в сети, инфа 100%». И ещё это книга о проектировании сайтов, так что рекомендую её к прочтению всем, кто работает над созданием «продающих» сайтов. Во всяком случае, меня эта книга натолкнула на мысли о нескольких изменениях, которые нужно срочно внести в сайты, над которыми я работаю.
Особенно полезными для меня стали главы 4 и 5 — «Целевые страницы» и «Главные страницы». Целевые страницы (Landing pages) стали для меня открытием и в ближайшее время я предполагаю довольно активно с ними поиграться. Что это за зверь? Landing page — страница на которую посетитель попадает по клику на баннере или в контекстной рекламе, специально «заточенная» под конкретную аудиторию и рекламную кампанию. Да, это буквально аксиома — хороший инструмент должен выполнять одну функцию, но делать это превосходно, — но не всегда получается вспомнить её в нужное время.
Я очень рад, что «Манн, Иванов и Фербер» перевели и издали эту книгу. Издательство в большей степени ориентировано на менеджеров и руководителей компаний, тех людей, над которыми так часто смеются веб-разработчики и от желаний которых порой хочется лезть на стену. Очень хочется верить, что книга найдёт своих читателей и сайты станут приятнее и удобнее. Так что смело рекомендуйте её своим директорам по продажам и клиентам.
Вёрстка книги очень хорошая, формат, шрифты, оформление иллюстрации на уровне, стандартном для этого издательства. Обложка с большими клапаними, которые можно использовать как закладки. В конце — хорошая подборка ссылок на правильные книги и сайты. С ним можно ознакомиться на сайте книги — wd4roi.com. Особый восторг я испытал от главы «Благодарности», нет, не от содержания, оно-то как раз-таки привычное и полностью соответствующее названию главы. Восторг от её расположения в конце книги, ведь чаще всего приходится продираться через десяток абзацев благодарностей, ещё не начав читать. И сразу испытываешь небольшое, но раздражение. А вот если книга хорошая, то и список людей, которые помогли родиться ей на свет читаешь с удовольствием.
А баба-яга против
18.07.2011
Давно прошли те времена, когда поиск ошибок на страничке в браузере означал долгое и утомительное копание в исходном коде. Сейчас даже самый начинающий верстальщик знает о специальных инструментах для разработчиков.
Все эти расширения можно поделить на две большие группы: те, что нужно устанавливать отдельно, и те, что сразу встроены в браузер. Поскольку человечество в большинстве своём лениво, то все дико счастливы от возможности получить сразу и браузер, и инструменты для него.
Но мне такой подход совсем не нравится. Не нравится по одной простой причине – браузеры делаются для пользователей, а не для разработчиков. Во всяком случае, должны делаться. А тут ещё какие-то штуки-дрюки нагрузили.
Представим простую ситуацию: блондинко увидела фоточку мимимишного котика и хочет её сохранить. Она нажимает PrintScreen (ну вот так её научили), но промахивается и со всего разбегу жамкает F12 в корпоративном IE. Вылетает страшное и непонятное отдельное окно. В попытке его закрыть блондинко жмёт всё подряд и случайно тыкается в Alt+Q. Всё, приехали. Теперь все сайты поломались, и никто не знает как это исправить.
Оптимальным мне представляется вариант, реализованный в Safari. По-умолчанию веб-инспектор установлен, но отключён. Включается одной галочкой в настройках. Таким образом, пользователи не наотключают лишнего, а разработчики легко могут включить нужные инструменты.
Обычная магия
07.07.2011
Признавайтесь, часто ли вам приходится сделать примитивную обработку множества фотографий? Поменять размер, обрезать до квадрата, что нибудь ещё… Если вы для этого используете Photoshop – вы тратите кучу лишнего времени и мы идём к вам.
Добро пожаловать к консольной утилите ImageMagick. Нет, вру, это набор утилит, каждая из которых выполняет свою собственную работу.
Convert — колбасит файл и сохраняет под новым именем
Mogrify — тоже, что и convert, но сохраняет в том же файле. То есть, convert — это Save As…, а mogrify — Save, без as.
Identify — выводит всю информацию о файле: разрешение, цветовая модель и т.д.
Предположим, что нам нужно обработать 100500 фоток: уменьшить до 800×600, а потом ещё сделать превью размером 100×100. И конечно фото разной ориентации (портретной и ландшафтной, а не то, что вы подумали).
Уменьшить фото до нужного размера:
convert -quality 80 -resize 800×600 -strip $name “med/$name”;
- quality — степень компрессии
- strip — выкинуть лишнюю информацию
Сделать превью для горизонтальных фото:
convert -quality 80 -resize 180×120 -crop 120×120+30+0 -strip $name “sml/$name”;
- crop — обрезка ширина×высота×отступ_слева×отступ_сверху
Сделать превью для вертикальных фото:
convert -quality 80 -resize 120×180 -crop 120×120+0+30 -strip $name “sml/$name”;
Узнать ширину картинки:
identify -format %w $name
А теперь соберём всё это в небольшой bash-скрипт:
#!/bin/bash
mkdir med;
mkdir sml;
for name in *.jpg; do
convert -quality 80 -resize 180x120 -crop 120x120+30+0 -strip $name "med/$name";
IMG_WIDTH=`identify -format %w $name`;
IMG_HEIGHT=`identify -format %h $name`;
if [ $IMG_WIDTH -gt $IMG_HEIGHT ]; then
convert -quality 80 -resize 180x120 -crop 120x120+30+0 -strip $name "sml/$name";
else
convert -quality 80 -resize 120x180 -crop 120x120+0+30 -strip $name "sml/$name";
fi;
done;
Вот такая вот небольшая магия.
Ссылка на телефонный номер
22.03.2011
Недавно Слава Олиянчук спросил в твиттере, размечаем ли мы номера телефонов как ссылки. Всё правильно спросил, номер телефона стоит размечать как ссылку с псевдопротоколом tel. В этом случае браузеры, которые понимают этот псевдопротокол1, смогут сразу набрать нужный номер.
Вот только что делать с теми браузерами, которые не могут никуда позвонить? В принципе, при клике по такой ссылке ничего не произойдёт, раньше таким же образом делались javascript-ссылки2. При этом пользователь всё равно будет видеть такую ссылки и пытаться по ней кликнуть и расстраиваться из-за того, что ничего не работает.
Давайте спрячем такие ссылки от пользователя? Например вот так:
a[href^="tel:"] {
text-decoration:none;
color:inherit;
cursor:default;
}
Эта несложная запись сделает любую ссылку, начинающуюся с “tel:” абсолютно неотличимой от потока текста, работает во всех современных браузерах.
Примечания.
- Мобильные браузеры, десктопные с установленным скайп-плагином
- Сейчас все правильные мальчики и девочки используют ненавязчивый JS