Вероятно, все видели блоги, демонстрирующие счетчики Twitter, Facebook и RSS типографическими шрифтами. Благодаря тому, что цифры выводятся в форме обычного текста, их можно стилизовать под собственный веб-сайт гораздо эффективнее, чем при использовании старомодных графических счетчиков.

Twitter и Facebook не представляют сложностей, но вам потребуется предварительно поработать с FeedBurner’ом. Авторизуйтесь, после чего нажмите Publicize > Awareness API и подтвердите активацию.

Все получилось? Тогда давайте начнем!

Каждый месяц themeforest раздает бесплатные шаблоны. В этом месяце разработчики делятся с нами замечательным премиум PSD шаблоном World Traveler – для сайтов на тему путешествий и отдыха.

Для начала поясню, что такое “bounce rate” и почему нужно стремится его уменьшать.

Bounce Rate, или просто “Отказы” – величина, отражающая процентное отношение количества единичных просмотров страниц за одно посещение к общему числу посещений сайта.

Допустим, в течение дня ваш сайт посетило 2000 человек, но только 1000 из них посмотрели более 1 страницы сайта, остальные 1000 человек закрыли ваш сайт, не посетив больше ни одной страницы. Получается, что вы потеряли 50% посетителей, а может даже, ваших потенциальных покупателей? Эти 50% и есть величина отказов по сайту.

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

Сегодня CSS3 – самое модное слово в среде современных веб-дизайнеров и разработчиков всего мира. Благодаря инновационным возможностям CSS3 оказало существенное воздействие на сообщество веб-дизайнеров, сделав их жизнь проще и веселее. В этой статье я хочу осветить такую замечательную функцию CSS3, как псевдокласс :target. Поиграв и поэкспериментировав некоторое время с псевдоклассом :target, я разработал отлично выглядящее выпадающее меню на чистом CSS. Оно полностью создано с помощью CSS и HTML без использования изображений или javascript, а значит, оно может быть легко настроено любым, кто владеет основами CSS/HTML. Прежде чем начать разговор о том, как создать подобное меню, давайте взглянем на полностью функциональный образец…

Если вас не устраивает конверсия вашего сайта (и речь не только о продажах, об этом чуть ниже), то скорее всего, прежде чем тратить кругленькую сумму на рекламу, вам следует провести A/B тестирования сайта.

Что такое A/B тестирование?

A/B тестирование – это сравнение двух и более различных вариантов отображения некоторых элементов сайта, с целью определить при каком из них достигается максимальное количество поставленных целей.

В качестве цели, как правило, задается наиболее насущная “проблема”, например: покупка товара, клик по определённой кнопке, или даже переход на следующую страницу сайта.

Британский дизайнер сайтов Paul Underwood, автор блога www.paulund.co.uk, решил поделиться набором разработанных им CSS стилей для оформления блоков с уведомлениями.

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

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

Если края не очень резкие, можно использовать обычное выделение или маски. Для более сложных областей понадобится инструмент Color range вкупе с тонкой настройкой уровней и каналов, но это довольно сложно и займет много времени.

Позвольте вас обрадовать: в PS5 (Photoshop CS5) появился новый инструмент под названием Quick Selection. В нем есть очень мощный вспомогательный инструмент Refine Edges. Его использование существенно ускоряет и облегчает процесс выделения сложных объектов наподобие меха и волос.