Произвольные элементы DOM как фон сайта

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

В этой статье, автор расскажет, как сделать полноценный фон сайта из блочного элемента, в котором может содержаться картинка, несколько картинок, SVG и <canvas>. Это позволяется производить над фоном любые манипуляции в плане HTML/CSS, добавлять JavaScript (jQuery) эффекты и многое другое.

Красивые градиентные кнопки без картинок для всех браузеров

Всем привет!

Сегодня мы посмотрим как с помощью CSS3 без картинок сделать вот такие отличные кнопки. Для этого мы будет использовать следующие свойства: RGBA цвета, box-shadow, text-shadow и border-radius. Разметка и стили сделаны с использованием принципа graceful degradation, так что пользователи, браузеры которых не поддерживают указанные технологии, увидят кнопки в нормальном, но не таком хорошем качестве.

Рассматриваемые кнопки имеют три состояния (обычное, наведение и нажатие), их можно масштабировать и изменять пропорции.

Данная статья — перевод статьи «Cross-browser CSS gradient buttons».

Email маркетинг — обзор и сравнение сервисов

Здравствуйте.

Сегодня я бы хотел затронуть тему, которой мне буквально два года назад пришлось воспользоваться. Передо мной была поставлена задача выбрать и внедрить подходящий инструмент для e-mail маркетинга, чтобы провести кампанию для Mirpokera.com.

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

Зеркала и редиректы

В продолжение темы про URL`ы страниц, угодные для SEO, обязательно нужно обсудить и начало всех путей — домены. Тема, кстати, пикантная: чего стоит один префикс www (удлиняющий домены до третьего уровня), имеющий как ярых сторонников, так и радикальных противников.

Но кроме проблем идеологических, есть и организационные. В полной мере они проявляются, когда домен посещаемого сайта приходится менять, чего конечно не бывает при разработке, но случается в процессе эксплуатации и поддержки проекта. И гораздо сложнее этот процесс осуществить не нарушив гармонии с родным Яндексом.

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

Полигоны и линии в Google Maps API v3

Всем привет!

Сегодня мы посмотрим как рисовать полигоны и линии на картах Google Maps. Полигоны понадобятся в случае, если вам необходимо обвести область или какой-то объект, а линии — чтобы нарисовать путь или что-то подобное.

В этой статье полигоны и линии будут рисоваться с помощью SVG. Их (как и все другие объекты-оверлеи) можно так же отображать с помощью KML, но о нем мы поговорим в одной из следующих статей.

Чеклист для улучшения форм

Специально для вас (для кого же еще?) присмотрел забавную статейку про улучшение форм. И уже даже перевел, но наткнулся на форм-чеклист на сайте Merttol и подумал, что он должен идти первым в разговоре о формах и юзабилити.

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

Поэтому данная публикация рассчитана больше не на почитать-узнать, а на просмотреть и рассказать, что из этого знал, что не знал, что интересно, что нет. Ибо по вашим коментам, в зависимости от среднего уровня подготовки читателей, будем строить дальнейший разговор о юзабельности форм. Приступим? 

Спонсоры месяца: январь 2011

В этом посте мы хотели бы выразить благодарность спонсорам Временно.нет, разместившим у нас рекламу в январе 2011 года.

В этом месяце это были компании: дата-центр NetDirekt, дата-центр VDS64, дата-центр Fornex, а так же система управления сайтами Image CMS.

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

Оставайтесь с нами! Впереди вас ждет много интересного!

Веб-разработка не против SEO: какими могут быть URL`ы в вашем следующем проекте

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

Однако, и прежде любой веб-разработчик в рамках своего этапа работ над сайтом — мог и может сделать много полезного для SEO. В этой статье поговорим о безопасных (с точки зрения поисковых лицензий) манипуляциях над URL, полезных для поисковой оптимизации и удобства пользования.

Zoomy — красивое и удобное решение для увеличения картинок

Всем привет!

Сегодня мы рассмотрим плагин Zoomy для jQuery, который позволяет рассматривать мелкие детали на картинках. Я про что-то подобное уже писал несколько лет назад в статье «Лупа на jQuery», но с тех пор прошло много времени, технологии не стоят на месте, да и это решение намного лучше.

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

Полезные расширения Google Chrome для веб-разработчика

Всем привет!

Мы уже писали про различные расширения для веб-разработчиков для браузеров: Жека написал статью про средства для разработчиков в разных браузерах, а я писал про дополнения для FireBug в Mozilla Firefox.

Сегодня я хочу рассказать про расширения для Google Chrome, которые помогут разработчикам более эффективно тестировать и разрабатывать приложения в этом браузере.

Всего в заметке представлено 17 расширений.