До появления HTML5 было крайне неудобно добавлять аудио на веб-страницы. Многие годы Flash был единственным способом вставки аудио-контента — но с внедрением тега <audio> в HTML5, воспроизведение аудио-контента на веб-страницах теперь может быть выполнено самим браузером, что полностью соответствует веб-стандартам — вы можете легко создать кнопку любого вида с помощью CSS и HTML, а потом назначить ей соответствующую функциональность, используя Audio API языка HTML5.
В этой статье мы познакомимся с тегом <audio>, начав с основ, посмотрим, как он работает в различных браузерах, а затем создадим радио-плеер, который будет использовать аудио-поток, транслируемый сервером.
В этой статье вы узнаете, как использовать 2D-контекст элемента canvas, основные функции для работы с canvas, включая линии, примитивы фигур, изображения, текст и другие возможности. При изложении материала статьи предполагается, что вы владете основами JavaScript на достаточно высоком уровне.
Эта статья даст вам представление об элементе <video> и его API. Мы объясним, почему поддержка видео в браузерах так важна, сделаем обзор элемента video в HTML5 и рассмотрим самые важные способы управления воспроизведением видео с помощью JavaScript.
Недавно встал вопрос об оптимизации загрузки одного из моих сайтов. Помимо стандартных действий по увеличению производительности в Drupal: минимизации кода CSS и JavaScript, установки необходимых настроек на странице "Производительность", я решил уменьшить размер отдаваемых браузеру файлов и страниц сайта с помощью их сжатия.
Благодаря произведенным усовершенствованиям я добился сжатия большей части передаваемых с сайта данных. Кроме того я смог включить кэширование браузером для сжатых данных. В конце концов все эти действия позволили сжать HTML-код, JS и CSS файлы совокупно в три раза, а вес главной страницы уменьшить вдвое.
В последний год, а может и два, значительно возрос интерес к разрабатываемой в настоящее время спецификации HTML 5. Это касается и производителей браузеров, и создателей сайтов. Однако, целостного взгляда на отличия новой спецификации от старой я ещё не находил, поэтому решил изложить суть официального документа рабочей группы HTML5 о различиях этой спецификации с её предыдущей версией.
Веб-приложения стали частью жизни для многих людей, так что многие из нас используют их постоянно. А что если бы их можно было использовать и в оффлайн-режиме? До недавнего времени не было ни одного практического способа этого сделать — однако, с внедрением рабочей группой W3C функции кэширования приложений в HTML5, стало возможным запускать веб-приложения в режиме оффлайн так же как и в онлайн.
В предыдущей статье мы изучали время выполнения JavaScript в браузерах и их ограничения, а также методы, которые могут помочь избежать появления сообщений вида "Скрипт не отвечает" в браузере. Мы рассмотрели метод псевдо-потоков, основанный на времени выполнения. Теперь мы будем искать способ обработки больших массивов данных в браузерах.
Каждый браузер по-своему определяет ограничения на выполнения JavaScript-кода. В статье рассматриваются основные способы таких ограничений в современных браузерах.
На днях вышла новая версия популярной JavaScript-библиотеки jQuery, она пополнела почти на 13 КБ минимизированного кода. Что же даст нам этот прирост в весе?
Многие из часто используемых методов jQuery были в значительной степени изменены. В jQuery 1.4 снижена сложность наиболее популярных методов, поэтому производительность основных функций возросла приблизительно в 3 раза. Также добавлено множество новых полезных методов для обхода дерева DOM, Ajax и другие.
В этой статье я рассмотрю плагин jQuery, который прекрасно подходит для блокирования пользовательского интерфейса на время выполнения какой-либо операции — обычно, фоновой операции на сервере.
Недавно встал вопрос об оптимизации загрузки одного из моих сайтов. Помимо стандартных действий по увеличению производительности в Drupal: минимизации кода CSS и JavaScript, установки необходимых настроек на странице "Производительность", я решил уменьшить размер отдаваемых браузеру файлов и страниц сайта с помощью их сжатия.
На днях вышла новая версия популярной JavaScript-библиотеки jQuery, она пополнела почти на 13 КБ минимизированного кода. Что же даст нам этот прирост в весе?