Усовершенствуем e-mail ссылки

OpenStreetBugs — лёгкий способ сообщить об ошибке в OpenStreetMap

Вы, конечно, знаете о свободной карте OpenStreetMap. Это настоящая народная карта, создаваемая такими же людьми как и вы! Это такой же opensource-проект как Linux и как Википедия. Конечно же, как и в других картах, в OpenStreetMap имеются ошибки, но в отличие от тех же Яндекс.Карт, где ошибки не исправляются годами из-за сложной бюрократической процедуры (я уже не говорю о намеренных ошибках), в OpenStreetMap всё гораздо проще и лучше для всех нас...
Подробнее..

CloudMade Navigation поддерживает ограничения манёвров

Не так давно CloudMade выделил несколько приоритетных направлений, среди которых оказалась и навигация. Решено было создать специальный проект Navi Studio, который объединял бы в себе несколько более мелких сервисов и позволял пользоваться ими, для создания полноценного навигационного программного обеспечения. В Navi Studio вошли: Работа закипела и уже появилось несколько приложений использующих данный проект. Но полноценной навигации без соблюдения правил ПДД не существует, а потому данному вопросу было также уделено не мало времени...
Подробнее..

Удали себя из интернет-социума — «Web 2.0 Suicide Machine»

Недавно наткнулся в сети на один занимательный интернет-сервис, именующийся Web 2.0 Suicide machine . Предназначен он для того, чтобы позволить людям, обремененным «социальной жизнью в интернете», в пару кликов удалить свои аккаунты на Facebook (в данный момент сервис блокирован администрацией по IP), Twitter, Linkedin и Myspace. В общем-то судя по количеству положительных отзывов и «успешных очищений» — пипл хавает зависимые от социальных сетей успешно пользуются сервисом и довольны...
Подробнее..

Нравится

Усовершенствуем e-mail ссылки

Веб разработка - CSS

усовершенствуем e-mail ссылки

Что такое CSS Attribute Selector?
CCS дает нам возможность стилизовать элементы базирующиеся на атрибутах ссылки, а не на типе самого элемента. Например, вы уже знаете как украсить элемент заголовка h1:

h1 { color: blue; }

Можно немного четче определить атрибут заголовка:

h1[title] { color: blue; }

Можем зайти еще дальше:

h1[title= Go Home ] { color: blue; } /* Значение Go Home в атрибуте заголовка */
h1[title~= Go Home ] { color: red; } /* Значение Go Home где-то в атрибуте заголовка */
h1[title^= Go Home ] {color: green; } /* Значение атрибута заголовка начинается с Go Home */

Что уникального в мыльных ссылках?
А теперь возьмем опыт из предыдущих примеров и соорудим вот это:

a[href^= mailto ]:hover:after { content: attr(title); }

Атрибут заголовка мы поставили в hover. Это будет работать, однако может получится что текст появится сразу-же после ссылки. Поэтому правим код на это:

a[href^= mailto ]:hover:after { content: > attr(title); }

Читайте:

Навигатор Практический CSS: рецепт успеха Псевдокласс: first-letter Делаем закругленные уголки с помощью псевдоэлементов: before и: after Технология replaced. Семантика в нестандартных заголовках

Добавить комментарий

Стенд по гражданской обороне наша продукция плакаты по гражданской обороне.

IIS Application Warm-Up for IIS 7.5 – «прогрев» веб-приложений перед п

Компания Microsoft представила новую технологию IIS Application Warm-Up, которая позволяет оптимизировать запуск веб-приложений на платформе Microso...

Google анонсировал экспериментальную версию Chrome Canary Build

Известная медиакорпорация Google продемонстрировала новейшую опытную модификацию веб-обозревателя Chrome – информацию об этом недавно разместила на ...

3D API для Flash Player

Adobe Systems, не смотря на регулярную критику своей технологии Flash, продолжает модернизировать и развивать продукты на ее основе. Компания не ост...

Apple Objective-C вошел в десятку популярных языков программирования

Компания TIOBE Software опубликовала очередной рейтинг популярности языков программирования, формируемый путем подсчета количества их упоминаний при...

Что такое Google Analytics?

При помощи Google Analytics можно собирать, просматривать и анализировать данные о посещаемости своего веб-сайта. Встроив на страницы наш основной ф...