Хабрахабр: Web-разработка / Блог / Захабренные Голосов: 1 Адрес блога: http://habrahabr.ru/blog/webdev/ Добавлен: 2008-06-12 19:52:21 блограйдером ZaiSL

Простая реализация раздела «сейчас играет» для Icecast2 с использованием JSON

2012-06-13 00:33:25 (читать в оригинале)

Здравствуй, Хабр!
Сегодня мне пришлось столкнуться с проблемой отображения текущего трека и основной информации на страничке с радио.
В поисках оптимального способа отображения я везде натыкался на жуткие PHP-скрипты, которые тупо парсят страницу статуса Icecast. Более того, на одном из форумах об интернет-радио я наткнулся на очень интересный вопрос — «а зачем вы дёргаете пыху?». Действительно, зачем?
И я решил во что бы то ни стало сделать выдачу информации о станции в формате JSON, а заодно и поделиться со всеми своими идеями.
Читать дальше →

---

Эффективная веб-разработка c Visual Studio 2012: нововведения в редакторы HTML/CSS и JavaScript

2012-06-11 19:12:01 (читать в оригинале)



Новая версия Visual Studio 2012 предлагает значительное число нововведений в редакторы HTML/CSS/JavaScript. В этом обзоре я расскажу про основные нововведения, которые позволят веб-разработчикам писать код более быстро, удобнее и эффективнее.

Редактирование HTML5

Visual Studio 2012 полностью поддерживает HTML5 и все новые теги, которые предлагает новый стандарт. Это означает, что разработчики получают автодополнение новых тегов в редакторе (рисунок 1).


Рис.1. Автодополнение HTML5-тегов

Это так же означает встроенную поддержку валидации HTML5-кода в редакторе. Кроме того, для многих тегов механизм автодополнения создает кроссбраузерный код, например, автодополнение <video> на рисунке 1 приведет к автоматической генерации следующего кода (рисунок 2).
Читать дальше →

---

[Перевод] Полноэкранное слайд-шоу с эффектом разреза на CSS3 и jQuery

2012-06-11 10:46:56 (читать в оригинале)



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

ДЕМО
Исходные файлы

Мы будем использовать следующие jQuery плагины:

• jQuery cond от Ben Alman.
• jQuery Transit от Rico Sta. Cruz.

Читать дальше →

---

[Перевод] HTML5: Доступ к батарее через javascript

2012-06-10 18:25:34 (читать в оригинале)

HTML5 спецификация наполняется и медленно начинают появляться API, позволяющие получать информацию об устройстве, на котором запущено приложение. Одним из последних является Battery Status API. Как вы уже догадались, API позволяет получить информацию о батареи используя javascript. Так что теперь у вас есть возможность отключиться тяжелую анимацию на вашей странице, предложить пользователю сохранить данные или самому активно ее сохранять в локальное хранилище. Рабочий пример вы можете найти здесь. Следует заметить, что свойство «Battery time left», было недоступно, когда я открыл страницу. Но оно обновилось через пару минут.

Я тестировал это API с последних бета-версий Mozilla и оно пока не работает на Mac (но работает на iOS, Android и Windows). Так же мне не удалось получить положительный результат статуса зарядки, зато время разрядки и уровень батареи работали корректно. В этом маленьком примере мы просто отобразим информацию из API на простенькой странице, как эта (скрин из моей таблетки):

В этой статье мы рассмотрим:

• Использование Battery API
• Создание полей, для отображения информации из API
• Создание картинки для отображение статуса батареи
• Использование eventListener для обновления информации

Читать дальше →

---

Опубликовано видео докладов мероприятия Meet Windows Azure

2012-06-09 11:55:07 (читать в оригинале)



На днях на специальном мероприятии Meet Windows Azure Скотт Гатри анонсировал большую порцию нововведений в облачные сервисы Windows Azure: VM, Iaas, VPN, Linux, Git, Web Sites и массу других. Сегодня на отдельной странице официального сайта опубликованы видео докладов посвященных всем новинкам, так что теперь вы можете ознакомиться с ними в удобной форме:

• Пленарный доклад с анонсом и демонстрацией всех нововведений
  смотреть
• Виртуальные машины в Windows Azure – часть 1 (Windows)
  смотреть, скачать mp4
• Виртуальные машины в Windows Azure – часть 1 (Linux)
  смотреть, скачать mp4

Читать дальше →