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

Выход Adobe Reader для Android

Adobe Systems сегодня объявила о начале официального распространения бесплатной версии Adobe Reader для операционной системы Android. Напоминаю, что...

News image

Apple анонсировала preview Xcode 4

Apple анонсировала выход preview-версии среды разработки Xcode 4 для разработчиков с подпиской. Ниже перевод информации, размещенной на официальн...

News image

WidgetPad – открытая среда для коллективной разработки мобильных прило

Сатоси Накадзима (Satoshi Nakajima) – создатель первой системы автоматизированного проектирования для ПК, один из ведущих разработчиков Windows 95 и...

News image

Apple открыла сайт для программистов под Intel Mac

Apple открыла в интернете сайт для программистов, разрабатывающих приложения под Macintosh на платформе Intel. Компания планирует сменить платформу ...

News image

Adobe и Nokia объявили о создании фонда Open Screen Project на 10 млн.

Новый фонд должен укорить создание мультимедийного мобильного контента, приложений и сервисов На Всемирном конгрессе мобильной связи GSMA компани...

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

News image

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

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

News image

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

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