yarixxx Голосов: 2 Адрес блога: http://yarixxx.livejournal.com/ Добавлен: 2010-03-10 17:19:20 блограйдером yarixxx

В следующей версии chrome будет несколько важных улучшений

2010-07-06 10:13:18 (читать в оригинале)

Новая версия браузера от Google порадует пользователей удобствами.

Omnibox, как и раньше будет позволять вводить как поисковые запросы, так и адреса сайтов. При этом, если Chrome собирается интерпретировать ввод как поисковый запрос, то будет отображаться лупа, а если браузер определит, что это адрес сайта, то отобразит глобус (землю).

Сайты работающие через SSL как и раньше будут отображаться с замочком. Однако теперь этот замочек будет вначале Omnibox'а.

Также будет добавлено расширенное отображение имени держателя сертификата (Extended Validation certificate holder names). Оно будет также как и замочек показываться вначале Omnibox'а.

Для обычных сайтов протокол http:// и ведущий слеш / не будут отображаться, т.к., это и так очевидно. https://сайты будут отображаться полностью, а копирование адресов из Omnibox'а будет таким же как и раньше.

Значок звездочки (добавление сайта в закладки) переместится вправо, т.к. не имеет такой критичной важности.

Убрана кнопка Перейти, а кнопки Обновить и Остановить объединены.

В общем chrome становится все лучше и лучше. Наверно я на него тоже перейду.

Продолжение истории про OmniBox

---

HTML5: Как сделать современное видео на сайте?

2010-07-05 17:05:29 (читать в оригинале)

Желание шагать в ногу со временем посещает многих веб-разработчиков, однако не стоит забывать и про пользователей со старыми браузерами. Именно для таких продвинутых и ответственных разработчиков есть пара интересных видео-проигрывателей.

Projekktor
Для его установки нужно подключить jQuery и скачать js-файл проигрывателя. Подключить его и все. Можно пользоваться ультрасовременным тегом video:
<video class="projekktor" poster="poster.png" title="this is Projekktor" width="640" height="385" controls>
    <source src="video.mp4" type="video/mp4" /> 
    <source src="video.ogv" type="video/ogg" /> 
</video>

Вот мой пример

второй проигрыватель...

Video JS
Скачивать его придется с github.com.
Вот как он распаковался у меня.
Его можно использовать без библиотек.
Можно использовать с jQuery или Prototype.

---

Может быть также полезно:

• Размещаем видео на сайте и делаем к нему субтитры (srt)
• Flash проигрыватель видео и аудио на сайт
• Как использовать MinoPlayer (проигрыватель на SilverLight)

---

CSS: Оптимизация про которую часто забывают

2010-07-04 23:52:24 (читать в оригинале)

С появлением расширения YSlow для Firefox стали широко известны наиболее популярные проблемы производительности сайтов. Однако до сих пор крупные интернет-порталы не совершенны.

Вот основные проблемы крупных посещаемых интернет-ресурсов:

• CSS файлы не архивируются с помощью GZIP (хотя большая часть браузеров уже поддерживает GZIP).
• Количество внешних CSS файлов больше двух (в результате снижается скорость загрузки).
• Статический контент отдается с того же домена, для которого устанавливаются Cookie.
• Не производится сжатие отдаваемого контента, в результате на пробелы, комментарии также тратится время соединения.
• Вес CSS-файлов превышает 100Кб.

Собственно источник.
И увлекательное видео:

xf

Тэги: css, html, optimization, performance
Комментарии | Постоянная ссылка

---

CSS: Закругления углов

2010-07-02 16:01:11 (читать в оригинале)

«Скруглять, круглить и закруглять - вот мой девиз!»

Раньше круглые углы все делали с помощью картинок. Но время шло и стали появляться новые методы. Этой заметкой я Америки не открою, но на память себе сделаю зарубку. =)

Вот какой есть способ, чтобы сделать скругленные углы:
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

Если раньше для Opera нужно было использовать способ с SVG, то теперь с версии 10.5 круглые углы поддерживаются в виде простого border-radius.

Для IE есть способ с VML.

Мой работающий пример

Документация для Gecko (Firefox)
Документация для Webkit (Chrome, Safari)

Тэги: border, corner, css, css3, opera, radius
Комментарии | Постоянная ссылка

Страницы: 1 2 3 4 5 6