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

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

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

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

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

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

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

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

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




Технология replaced. Семантика в нестандартных заголовках

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

технология replaced. семантика в нестандартных заголовках

Сразу поясню, что я подразумеваю под «нестандартными заголовками».

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

Вопрос, как сохранить семантику заголовка, учесть локализацию, да еще и сохранить чистоту и красоту кода. Варианты, подключения шрифтов (@font-faces, sIFR и т.п.) не рассматриваются, так как это совсем другая история.

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

Рис. 1 — http://www.apple.com/ipad/

Или, к примеру, наш сайт

Суть в том, что текст в блочном элементе «прячется» с помощью свойства text-indent, а фоновые изображение со всеми заголовками сливаются в один спрайт и в зависимости от заголовка, с помощью background-position подставляется нужный фрагмент спрайта.

Пример

HTML:

CSS:

Разобрав пример, плюсы и минусы очевидны.

Плюсы — семантика кода сохранена, учтена локализация, а также абсолютная свобода для фантазии дизайнера.

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

Одно из решений что бы не загружать лишний раз картинку в 500 Кб, разделять спрайт на несколько частей.

 


Читайте:


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


Защитный код
Обновить

News image

Гонимые облаком

Конечно же, не все продукты Microsoft одинаково популярны, но чтобы так быстро выпал из общей линейки продуктов, выпускаемых компанией, набор сервер...

News image

Легкий старт для разработчика. Все, что вы хотели знать о BizSpark

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

News image

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

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

News image

ColdFusion 9 – новые технологии для создания web-приложений

Компания Adobe Systems сообщила о выпуске трех новых технологий в рамках разработки платформы ColdFusion. ColdFusion 9 позволяет быстро создавать мо...

News image

Adobe представила второе поколение Air

Компания Adobe представила второе поколение кросс-платформенной технологии Air (Adobe integrated runtime), сообщается в блоге компании. Новая версия...

Топ технологий:

News image

Оздана новая система беспроводной связи - она в 10

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

News image

Как взломали Twitter

В Интернетах, наряду с iPad, сканерами в аэропортах и войне между Google и Apple, уже второй день подряд активно обсуждается тема взлома и...