HTML5 History API уже сегодня и без ограничений
2012-05-18 10:39:03
... >Библиотека для работы
HTML5 History APIHTML5 History API в ...
+ развернуть текст сохранённая копия
Библиотека для работы HTML5 History API
Изначально этот проект был задуман добавить поддержку HTML5 History API в старые HTML4 браузеры. Первые версии библиотеки были нацелены именно на эти потребности, но с учетом прошедшего времени и пожеланий многоуважаемых разработчиков использующих эту библиотеку, она выросла до уровня того, что выполняет некие промежуточные действия по добавлению/исправлению того функционала что описаны в спецификациях по интерфейсу History.
На сегодняшний день библиотеку я могу смело назвать, на мой взгляд, полноценно законченной. Конечно же, ошибкам в работе библиотеки думаю, место будет, тестировалась библиотека мною в разных условиях и браузерах, но как вы понимаете, все не уловишь, да что-то упустишь. И так давайте приступим к описанию возможностей и тонкостей библиотеки.
Читать дальше →
Тэги:
api,
hash-навигация,
history,
html5,
javascript,
веб-разработка,
навигация,
сайт
[Перевод] Как создать видео-проигрыватель на JQuery, HTML5 и CSS3
2012-05-17 13:03:46
... .js это
HTML5 аудио и видео ... браузерах имитируя MediaElement
HTML5 API с помощью ...
+ развернуть текст сохранённая копия
В этом уроке мы создадим видеоплеер из набора элементов пользовательского интерфейса «Impressionist UI» Владимира Кудинова. Для оформления мы будем использовать CSS3, а для реализации функциональности —
MediaElement.js.
MediaElement.js это HTML5 аудио и видео плеер, который также работает в старых браузерах имитируя MediaElement HTML5 API с помощью Flash и Silverlight.
ДЕМО
Исходные файлы
Читать дальше →
Тэги:
css,
css3,
html5,
jquery,
веб-разработка
[Перевод] Разрабатываем нижнее меню на HTML5
2012-05-16 14:45:22
Поговорим про нижнюю ...
+ развернуть текст сохранённая копия
Поговорим про нижнюю навигацию сайтов. Я уверен, что вы видели её много раз (на различных сайтах). Как правило, это три-четыре колонны меню с различными ссылками. Сегодня я хотел бы показать вам, разработку, которую можно использовать для создания, нижнего меню. Главная цель этой разработки – приготовить статический код HTML (как кэш-файл) для встраивания в нижнюю часть сайта. Если вы заинтересованы в такой теме, то я расскажу вам о создании хорошего, удобного меню. Это руководство разделено на 2 части, сегодня я расскажу вам о первой части: пользовательский интерфейс с возможностью перетаскивания блоков.
Для начала, советую вам загрузить исходные файлы и запустить демо в новой вкладке для лучшего понимания.
ДЕМО
Исходные файлы
Читать дальше →
Тэги:
bottom,
drag,
drop,
html,
html5,
menu,
веб-дизайн,
веб-разработка
[Из песочницы] Backbone.js и routes без хэшей
2012-05-05 11:51:29
Хабы: JavaScript, Песочница, Веб-разработка
Практически все, кому приходилось работать с ...
+ развернуть текст сохранённая копия
Хабы: JavaScript, Песочница, Веб-разработка
Практически все, кому приходилось работать с backbone, представляют себе, что это за штука такая — Router. Конечно, в приложении можно обойтись и без него, но удобство работы с приложением сильно проиграет.
Итак, роутер определяет, какую функцию (контроллер) следует использовать, опираясь на URL в строке браузера. Или, если быть точным, на хэш. Т.е. вы могли понаставить в интерфейсе своего приложения ссылок вида:
<a href="http://myapp.com/catalog/#action1">Сделать что-то полезное</a>
или даже
<a href="http://myapp.com/catalog/#action1/42">Сделать что-то полезное с параметром</a>
и всё прекрасно работало. Пользователь, в свою очередь, мог сохранить каждую из этих ссылок, и, в последствии, перейти по ним, сразу же активировав нужную функциональность. Единственный негативный момент во всём этом великолепии — наличие символа "#" (решетка). Не то, чтобы она была плоха сама по себе, но читабельность и «красивость» (с задних рядов мне ещё кто-то про RESTful что-то подсказывает) URL она портила.
Читать дальше →
Тэги:
backbone,
history,
html5,
javascript,
веб-разработка,
песочница
Установить/очистить значения по умолчанию для input.
2012-05-04 10:47:55
Вы несомненно видели на многих сайтах формы поиска или поля входа на сайт с значениями по ...
+ развернуть текст сохранённая копия
Вы несомненно видели на многих сайтах формы поиска или поля входа на сайт с значениями по умолчанию (например, «Введите слово для поиска»). При клике на форму значение по умолчанию исчезает, и вы можете вводить необходимые символы. Если вы ничего не вводили и нажали мышкой вне формы, то значение по умолчанию появляется снова. Также это экономит место на сайте. В этой статье я вам покажу несколько способов как это можно реализовать на вашем сайте.
Тэги:
html5,
javascript,
jquery
