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. В общем-то судя по количеству положительных отзывов и «успешных очищений» — пипл хавает зависимые от социальных сетей успешно пользуются сервисом и довольны...
Подробнее..




Галерея с асинхронной загрузкой средствами CSS3

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

галерея с асинхронной загрузкой средствами css3

Занимаясь вёрсткой галерей, я искал простое и оригинальное решение для просмотра фотографий.
Экспериментируя, написал пример, которым хочу поделиться с сообществом Хабра.

Разметка


В разметке галереи есть принципиальный момент: списки preview и photoboxes разделены, что позволяет независимо использовать любое позиционирование и оформление для превью (далее лента миниатюр) и блоков с фотографиями (далее фотобоксы).

Текст

Заголовок центрирован посредством margin: auto. Он имеет относительный размер шрифта и ширину в %, пропорциональную ширине экрана, а так же минимальную ширину в em, что не даёт ему деформироваться при малой ширине окна.


Аналогичное форматирование характерно для других блочных элементов с текстом.

Превью



Предварительный просмотр реализован в виде списка, элементы которого вытянуты в строку с помощью table-cell. При переполнении миниатюрами у нижней границы ленты образуется прокрутка. Внутри ячеек блочные ссылки и изображения миниатюр.

Фотобоксы


Список фотобоксов центрирован в блоке галереи при помощи inline-block.


Такое выравнивание позволяет ему обтекать и центрировать содержимое.

Сначала в потоке форматирования только центрированный счётчик. Размер обёртки равен размеру блока счётчика.

 


Читайте:


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


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

News image

Что такое AJAX API для Google Переводчика?

Благодаря AJAX API для Google Переводчика можно переводить и определять язык блоков текста на веб-странице, используя только JavaScript. Кроме того,...

News image

Том Кайт: о сервере Oracle Database 11g

Наш эксперт рассказывает о серверном кеше результатов выполнения запросов и кеше результатов вычисления функций PL/SQL. В течение следующих неско...

News image

Введение в продукты и технологии SharePoint для профессионального разр

Обзор: рассмотрение расширяемой платформы продуктов и технологий SharePoint и возможностей ее использования при разработке .NET-приложений (32 печат...

News image

Запуск Visual Studio 2010 в России

Прошел официальный запуск Visual Studio 2010 и платформы .NET 4.0 в России. Московское мероприятие было одним из первых мероприятий в рамках глобаль...

News image

Новый язык программирования от Apple?

Майк Цай из Daringfireball поделился своим мнением насчет нового языка программирования, который по слухам создает Apple. После просмотра официально...

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

News image

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

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

News image

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

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