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




Юникодовые имена селекторов

Заметки - Фишки CSS

Если кто не знал — в именах CSS-селекторов можно использовать юникодовые символы. Вообще любые. :)

Теперь подумаем, какой с этого толк?
Небольшой пример.

Обычный блок со скругленными краями:
CSS-код:

.rounded {
width: 400px;
margin: 32px;
background-color: #DDD;
color: #000;
}
.rounded-tl { background-image: url('i/tl.gif'); background-repeat: no-repeat; background-position: top left; }
.rounded-tr { background-image: url('i/tr.gif'); background-repeat: no-repeat; background-position: top right; }
.rounded-bl { background-image: url('i/bl.gif'); background-repeat: no-repeat; background-position: bottom left; }
.rounded-br { background-image: url('i/br.gif'); background-repeat: no-repeat; background-position: bottom right; padding: 18px; }

* This source code was highlighted with Source Code Highlighter.


HTML-код:

<div class= rounded >
<div class= rounded-tl >
<div class= rounded-tr >
<div class= rounded-bl >
<div class= rounded-br >
<p>Привет. :)</p>
<p>Я обычный CSS-блок со скругленными краями.</p>
</div>
</div>
</div>
</div>
</div>

* This source code was highlighted with Source Code Highlighter.



Получаем на выходе:



Но можно ведь сделать и так:

.○
{
width: 400px;
margin: 32px;
background-color: #BBB;
color: #000;
}
.┌ { background-image: url('i/tl.gif'); background-repeat: no-repeat; background-position: top left; }
.┐ { background-image: url('i/tr.gif'); background-repeat: no-repeat; background-position: top right; }
.└ { background-image: url('i/bl.gif'); background-repeat: no-repeat; background-position: bottom left; }
.┘ { background-image: url('i/br.gif'); background-repeat: no-repeat; background-position: bottom right; padding: 18px; }


* This source code was highlighted with Source Code Highlighter.



Заменив имена классов в HTML-коде на вышенаписанные, получим то же самое, только уменьшив размер кода (сомнительное, конечно, преимущество), и повысив наглядность:

<div class= ○ >
<div class= ┌ >
<div class= ┐ >
<div class= └ >
<div class= ┘ >
<p>Привет. :)</p>
<p>А я — блок со скругленными краями, и имена селекторов для дивов, из которых я собран, названы юникодовыми символами ┌ (U+250C), ┐ (U+2510), └ (U+2514), ┘ (U+2518) и ○ (U+25CB).</p>
<p>При желании можно заменить символ ○ на □ (U+25A1), если вам претит сопоставление блоку (интуитивно — прямоугольной формы) круга.</p>

</div>
</div>
</div>
</div>
</div>

* This source code was highlighted with Source Code Highlighter.



И вот что получается:


Живой пример

Как и где использовать — дело всецело ваше, возможно, этой фишке найдется достойное применение.

 


Читайте:


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


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

News image

OpenCL

Скорость вычисления графического процессора, превосходящая триллион операций в секунду, позволяет выходить далеко за рамки простого рисования. Техно...

News image

Grand Central

Увеличивается не тактовая частота, а количество ядер — и именно они повышают производительность современных процессоров. Диспетчер Grand Central пол...

News image

Apple: инструменты для разработчиков

Компания Apple официально уведомила своих разработчиков о готовности для скачивания предварительного релиза набора программного обеспечения iPhone S...

News image

Скромный опыт и пачка граблей Oracle BI EE

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

News image

Google открывает Buzz API Firehose

Сегодня Google объявила об открытии API для Google Buzz, который даст разработчикам доступ ко всей информации, опубликованной в Buzz в режиме реальн...

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

News image

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

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

News image

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

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