From Russia With Love

Мультиколоночные макеты для текста

Дизайнеры всегда хотели иметь простой способ разметки текста в видже колонок, что-то невозможно было сделать без использования позиционирования или плавающих блоков с трудоемким кодированием разрывов колонок, что делало это бесполезным при версте страниц с большим количеством динамического содержимого. К счастью, на помощь пришел CSS3 со своим модулем Multi-column Layout, который позволяет нам легко делить содержимое страницы на колонки и контролировать его, делать разрывы и устанавливать отступы между колонками. Molly E. Holzschlag показала нам как использовать данные возможности в своей статье CSS3 Multi-column Layout на Dev.Opera.

Чтобы увидеть данный модуль в действии, вы можете посмотреть на прекрасный пример от Вадима Макеева (Vadim Makeev): Multicolumn newspaper.

Линейный градиенты

Линейные градиенты CSS3 (часть CSS Image Values и Replaced Content Module Level 3 позволяющие легко создавать цветные градиенты, эффект уменьшения прозрачности при использовании RGBa или HSLa цветов. Это говорит о том, что больше нет необходимости в использовании изображений с тонкой рамкой для кнопок и других дополнительных возможностей для веб-сайта. Крис Миллс (Chris Mills) объяснил все плюсы и минусы использования линейных градиентов CSS3 в своей новой статье на Dev.Opera. Заметьте, что пока радиальные градиенты не поддерживаются, но они уже на подходе!

Специально для этого создали интерактивный пример с цветком, показывающий линейные градиенты и эффекты fading in and out, а Вадим пошел еще дальше и создал следующее пример: Демо: Кнопки Apple с использованием градиентов.

WebP

WebP это новый открытый формат изображений, предложенный Google и идеально подходящий для веб-графики. Мы гордимся тем, что включили данные формат в бета-версию 11.10.

Создать WebP изображение можно используя утилиту Google's WebP converter tool.

Улучшения Экспресс-панели

В спецификации HTML5 сказано, что теперь атрибут rel теперь может принимать значение icon, которое вы можете использовать в качестве иконки вашего сайта для Экспресс-панели. Вы также можете стилизовать иконки используя медиа возможности CSS view-mode:minimized, X-Purpose HTTP заголовок или автообновление. Об этих методах подробнее читайте в статье Tiffany's Make your site shine in Speed Dial или смотрите перевод данной статьи Делаем сайт более привлекательным в Экспресс-панели или в моем блоге.

Улучшения для Расширений Opera

Расширения Opera имели хороший успех, и сейчас к нам поступает около 20 штук каждый день. С выходом URL Filter API в Opera 11.10, веб-разработчики могут создавать расширения, которые позволяют иметь более гибкий контроль над доступом к определенным доменам. В статье - Site blocking with Opera’s URL Filter API (Перевод статьи смотрите на сайте operafan.net: http://operafan.net/content/view/530/40/ или в мое блоге) от Daniel Davis все это обяъснеяется более детально.

Кроме всего прочего, с выходом новой бета-версии, Christian Magnus Sinding-Larsen предоставил руководство по эффективному созданию иконок для расширений Opera.

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

WOFF

The Web Open Font Format (WOFF) — поддерживается браузерами Opera, Microsoft и Mozilla — он выступает в качестве контейнера для TrueType и OpenType шрифтов, уменьшая размер файла и позволяя дизайнерам включать дополнительную информацию со шрифтом, например такую как информацию о лицензии шрифта и другую. В статье Introducing WOFF показано гораздо больше, включая информацию о том как создавать и использовать WOFF шрифты.