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

Gmail Labs: кто выйдет в свет, а кто уйдет в отставку

Мы запустили Gmail Labs более полутора лет назад. Это экспериментальная лаборатория, позволяющая разработчикам предлагать новые функции, а вам – реш...

News image

Встроенные средства для разработчиков Mac

Система Mac OS X Snow Leopard включает в себя полный набор инструментов разработчика, объединённых одной целью: дать вам возможность создавать отлич...

News image

2 млн. разработчиков на iPhone

Ни для кого не секрет, что Apple не любит Flash. Они всячески противится внедрению Flash-приложений на iPhone или IPod Touch, несмотря на все уговор...

News image

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

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

News image

Технология, опробованная Google, вызывает все больший интерес у разраб

Кто говорит, что между традиционными производителями СУБД, построенными на фундаменте SQL, и сторонниками так называемой технологии NoSQL идет война...

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

News image

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

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

News image

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

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