Ещё одна CSS-техника замены текста изображением

Новая CSS техника замены текста изображениемИнтересная заметка, где рассматривается HTML5-техника замены текста изображением. Обычно это приходится делать за счет отрицательного значения text-indent, но там возникают свои тонкости и непрятности в случае inline-блоков.

В заметке приводится такое решение:

.ir {
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
}

Из недостатков: серый след в IE6; нельзя использовать единицы em для отступов, т.к. размер текста равен нулю; не работает когда CSS не загружен; текст может отображаться, если пользователь использует кастомные стили для указания приоритета и размера текста.

Пример Style Guide для сайта

Style Guide сайта South TeesВпереди новый проект — рисуется дизайн, делается начальная верстка, программист колдует над CMS. И, чуть позже, начинают появляться подводные камни, о которых никто не предупредил, не подумал, не предусмотрел. Как можно предусмотреть всё? Правильно, — нужен стайл гайд (Style Guide), в котором будут представлены все возможные случаи форматирования текста и оформления элементов. Вот один из примеров — Style Guide для сайта Southtees.nhs.uk. Есть чему поучиться.

Справочная таблица по разрешениям экранов в зависимости от OS

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

В этом деле будет полезна таблица разрешений экранов в зависимости от операционной системы.



HTML5 и cемантика

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

Top 10 мифов о QR-кодах

10 наиболее распространенных мифов о QR-кодахQR-коды сейчас повсюду, но часто их назначение не понимают или используют неправильно. Тут вы узнаете 10 наиболее распространенных мифах о QR-кодах.

QR-код — это маленький черно-белый квадрат, который выглядит более-менее прикольно. Каждый журнал или газета имеет такой код, их можно увидеть в художественных галереях и даже на бритых головах футболистов. Кто-то считает QR-коды отличной идеей, а кто-то наоборот, говорит, что это плохо.

Давайте разберемся и развенчаем 10 мифов, связаных с QR-кодами.

Читать дальше

Машина времени, или Как раньше выглядел интернет

Интернет архив WayBackMachine25 октября компания Internet Archive объявила о преодолении баръера в 10 петабайт (1016) заархивированных данных. С помощью этого интернет архива вы можете посмотреть как выглядели различные веб сайты много лет назад, найти информацию, которой уже нет в сети или же восстановить свой сайт из "бесплатного бэкапа". В архив, помимо текстового контента, включены изображения, флеш, видео и прочие данные, которые удалось сохранить.

Иногда приятно вспомнить свои проекты, в которые было вложено много сил, но которых уже давно нет. Еще, интересно посмотреть что было в то или иное время расположено на некотором домене.

Кстати, если вы хотите, чтобы ваш веб сайт не попал в данный архив, достаточно добавить следующие строки в robots.txt:

# Internet Archiver Wayback Machine
User-agent: ia_archiver
Disallow: /

jQuery — предварительная загрузка изображений

jQuery предзагрузка изображенийЕсли на странице используются скрытые блоки, содержащие графику, то для устранения лагов в отображении, желательно выполнять предзагрузку изображений. Штатных средств в jQuery для этого не предусмотрено, поэтому напишем собственную небольшую функцию.

Читать дальше

Реализация "click away" логики на странице продаж (JavaScript, jQuery)

JavaScript реализация "Click Away" логики на странице продажРечь пойдет о страницах моментных продаж (где посетителя всеми способами убеждают купить какой-либо товар прямо сейчас). Для этого, в частности, применяются JavaScript таймеры обратного отсчета. Еще один способ удержать посетителя и поднять конверсию — показать ему скидку, или предложить бесплатную пробную версию, в случае, при попытке уйти со страницы (закрыть её или ввести другой URL в адресной строке).

Читать дальше