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: во веки веков!


Давайте посмотрим правде в глаза. Mozilla производит настолько много альф, ночных сборок, релизов для разработчиков, что если Вы так и не обратили внимания на выпущенную недавно версию — Firefox 3.6 alpha — то Вас можно вполне понять.

Хотя, на сей раз основания были очень даже веские, чтобы сосредоточить внимание гиков. Поскольку, среди прочих положительных нововедений, внесенные изменения предусматривают:


Теперь давайте сделаем важное замечание для прояснения ситуации — это все еще альфа-релиз (alpha release), который пока будут использовать только малейший процент от пользовательской базы Firefox. Тем не менее, у нас есть все шансы увидеть эти изменения в стабильной версии Firefox в конце года.

Множественные фоновые изображения


Не смотря на то, что поднялась шумиха, когда Mozilla впервые представила - moz-border-radius — позволяющий вам простым свойством CSS сделать закругленные углы — я лично не пришел в восторг от него.

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

Базовый синтаксис очень прост. Вместо указания лишь одного изображения в свойстве background-image, Вы перечисляете вплоть до четырех, разделенных запятыми, изображений.

Также Вы можете указать до четырех соответствующих значений для background-repeat и background-position:



Я должен сказать, что обнаружил несколько неестественный порядок сортировки. Второе по перечислению изображение отображается под первым, и так далее. Но как только Вы это прочувствуете и запомните, проблемы не будет.

Чтож, какие браузеры действительно поддерживают это свойство?


На данный момент, множественные фоновые изображения полностью поддерживаются лишь Safari 4.0, Chrome 3.0, и Firefox 3.6 alpha (Minefield). Вы можете посмотреть мой пример в действии, если перейдете в одном из перечисленных браузеров по этому URL:

http://www.sitepoint.com/examples/css3/multi.html

Хорошо, а стоит ли уже сейчас использовать это свойство?


Одной из первых проблем, с которыми я столкнулся проверяя отображение кода в разных браузерах, было то, что они отказываются брать лишь первое в списке изображение, игнорируя остальные. Запятой достаточно, чтобы убить целую декларацию в этих браузерах, оставляя бэкграунд пустым.

Тем не менее, я обнаружил, что если Вы прежде объявите фоновое изображение согласно всем стандартам, то Опера, старые версии Firefox и Safari просто легко игнорируют любые новейшие CSS-объявления, которые могут идти далее в коде.

То, что Internet Explorer отказывается подчиняться данному правилу — не проблема, поскольку мы вольны использовать комментарии с условием, чтобы заставить выполняться в IE простой, одно-картиночный код:



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

Обязательно убеждайтесь, что Ваш дизайн прекрасно работает со старыми браузерами (в конце концов, от этого хуже Вам не станет), но привнесет дополнительный роскошный лоск в Ваш дизайн во все увеличивающейся массе пользователей новых браузеров. Так что пришло время для экспериментов.

Задание размера бэкграунд-изображению


Как Вы можете предположить из заголовка, background-size позволяет Вам масштабировать изображение, добавленное с помощью CSS на бэкграунд.


В действительности, сейчас свойство background-size испытывает недостаток поддержки везде, кроме своего родного CSS3 формата, но Opera, Chrome/Safari, и Firefox 3.6 alpha поддерживают его, хотя и каждый со своей собственной разметкой.

Разметка выглядит следующим образом:



Если Вы используете один из этих браузеров, Вы можете увидеть этот код в действии здесь.

Итак, можем ли мы использовать его прямо сейчас?


Снова короткий ответ — да. Все равно такие узконаправленные декларации будут просто игнорироваться другими браузерами, поэтому нет никаких технических препятствий для использования данного свойства.

Лично для меня, кажется менее ясным — где именно я хотел бы применить данное свойство, поскольку немногие изображения подойдут для свободного масштабирования.

Итак, если Вы таки рискнете создать замечательный образец использования данного свойства, я бы желал посмотреть на Вашу работу.

 


Читайте:


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


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

News image

Safari 5.01 и галерея расширений

В среду 28 июля 2010 Apple предприняло два замечательных шага. Первый и основной - возможность включения расширений без лишнего геморроя, второй - к...

News image

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

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

News image

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

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

News image

Microsoft выпустила ключевые технологии Vista для разработчиков

Microsoft предоставила разработчикам доступ к ключевым компонентам Windows Vista — за несколько месяцев до выпуска самой операционной системы. Ко...

News image

Google анонсировал экспериментальную версию Chrome Canary Build

Известная медиакорпорация Google продемонстрировала новейшую опытную модификацию веб-обозревателя Chrome – информацию об этом недавно разместила на ...

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

News image

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

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

News image

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

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