Записи с меткой → HTML5

Web Forms на html5

25, Июл 2012

Привет блог. Хотелось немного рассказать о новых возможностях HTML5, а именно о формах. Новые формы — основа спецификации, которая дала начало HTML5.Новые типы ввода данных : <input type=»»> Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

HTML5 Fullscreen API Вступление Всем доброго времени суток. Недавно в моей практике проскочила идея сделать веб-приложение по настоящему приложением, то есть чтобы можно было работать с ним на весь экран. Конечно для этого существуют горячие клавиши в браузере, к примеру F11 в chrome, но лично мне не хотелось оповещать пользователей с помощью подсказок, и в […]

Cookies? Сессии? Нет, спасибо. На блоге были неоднократно описаны разные методики, способы, как сделать так, чтобы клиенту не доводилось повторно заполнять длинную форму, если, к примеру, регистрация прошла неудачно. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

В последнее время все чаще стали применять сторонние библиотеки для HTML5 Canvas. Однако каждый имеет свои недостатки. Например KineticJS имеет проблемы с событиями мыши по Container (а сам контейнер не меняет своего размера). Кроме того, почти все библиотеки не поддерживают изображения в полной мере. Многие из них официально не поддерживают трансформации (по крайней мере даже […]

[rddt] Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Возможно кто-нибудь помнит, что пару месяцев назад на Блоге был пост про радио со скрипичной музыкой. Работало все тогда через Icecast и крутилось на ирландских серверах Amazon EC2. К сожалению, на тот момент бесплатный microinstance не выдержал потока посетителей с Блога и радио умерло, съев все возможные лимиты буквально за несколько часов. Рекомендовать on Facebook […]

HTML5 комикс

13, Фев 2012

Saizen Media сделали великолепный комикс с использованием html5. Почитать комикс и увидеть возможности html5 можно по ссылке. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Сразу начну с преимуществ: — Можно задавать права доступа на файлы и директории. Права двух типов: есть доступ или нет доступа. Файлы хранятся в недоступной для скачивания по прямой ссылке папке. Скачивание файла происходит с предварительной проверкой пользователя и прав доступа на файл. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Добрый день. Я думаю многие пользуются HTML5 Canvas. Но пока еще никто не пробовал сделать картинку с событиями на HTML5.HTML5 — вступление HTML5 Canvas это единственный способ для создания интерактивных картинок. Поскольку HTML5 Canvas Context не поддерживает ни события, ни анимацию, я решил прибегнуть к использованию JavaScript на более сложном уровне. Рекомендовать on Facebook Share […]

В веб-дизайне элементы не правильной формы всегда вызывают интерес. Стреловидные формы и диагональные линии могут создать интересный визуальный поток и дать приятный результат. Я был вдохновлен проектами, в которых используются не правильные формы, и теперь хочу показать пару простых примеров с их использованием. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Небольшая демонстрация возможностей CSS3 на примере. Данный пример затрагивает свойства border-radius, box-shadow и linear-gradient.head Прошу расценивать предлагаемый код не в качестве готового решения, которое требуется использовать в своем проекте, а лишь как демонстрация. Хотя, при должной доработке, вполне возможно подойдет для какой-нибудь задачи. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Ни для кого не секрет что будущее в мире интернет страниц наступает довольно стремительно. Каждый день придумываются новые способы удивить людей более красивыми и динамичными проектами. Каждый день мы или наш начальник просит сделать что нибудь эдакое отличающее от другого большинства проектов. Как нам известно далеко не все разработчики браузеров стараются нам угодить, кто-то отстает […]

В октябре 2011 года в Москве проходила ежегодная конференция разработчиков высоконагруженных проектов HighLoad++. Решил поделиться с читателями основными тезисами с конференции. Поскольку вся информация открыта и доступна на странице конференции, решил что собрать все тезисы вместе будет не такой уж и плохой затеей. Сразу отмечу, что в отчёте не содержится детальной информации о каждом докладе […]

В сети очень много сайтов для подсчета хэшей (MD5, SHA1, SHA2) файлов, однако, все сервисы, что я смог найти, имеют один и тот же недостаток: размер файла ограничен. Также необходимо сначала загрузить файл на сервер, чтобы получить результат вычислений. Это очень неудобно. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Yahoo! на протяжении последних нескольких месяцев втихую работал над созданием новой технологии, которая, возможно, значительно повлияет на сообщество веб-разработчиков. Назывется эта технология «Cocktails». «Cocktails» является миксом HTML5, Node.JS, CSS3, JavaSript и других технологий от инженеров Yahoo!.. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Все уже в курсе, что скоро выборы в эти ваши президенты и думу. Предвыборная компания обещает быть суровой и беспощадной. Нет, это не предвыборная агитация. Это констатация факта. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

HTML5: Web Workers и AJAX

18, Окт 2011

Все прочнее в среду разработчиков входит HTML5. Важным его достоинством является наличие такой технологии, как web workers, которая позволяет в некоторой степени обеспечить, если не мультипоточность, то ее подобие при выполнении скриптов. Суть технологии проста — в отдельные файлы выносятся функции, обеспечивающие функционирование AJAX, либо функции обрабатывающие большие массивы информации, которые во время работы уменьшают […]

Всем привет! Сегодня я бы хотел рассказать вам о кросдоменной передачи данных. Когда у меня появилась необходимость передать какую-то строку с одного домена на другой я даже не мог представить себе, что в сети настолько мало информации на эту тему. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Одна из очень вкусных особенностей HTML5 это поддержка Canvas, полотна на котором можно рисовать произвольное содержимое. В большинстве известных мне случаев оно используется для анимаций, игр и мелких визуальных украшений. Случаев когда с его помощью отрисовываются интерфейсы приложений практически нет (мне известен только Bespin от Mozilla Labs) — чтобы разобраться безумная ли это идея или […]

Статья рассматривает применение новой технологии html5 для асинхронной загрузки изображений на сервер. Я рассмотрю новое API JavaScript и приведу несколько примеров кода выбора файлов, создание предварительных изображений, предварительного поворота на 90 градусов, предварительного изменения размеров картинок на стороне браузера и последующую загрузку файлов на сервер. Данные примеры были протестированы и работают пока лишь в браузерах […]

Введение В этой статье я бы хотел рассмотреть одно из ново введений в HTML5, связанное с отображением содержимого документа, а именно атрибет ‘SCOPED’ для элемента ‘STYLE’. Сразу предупрежу, что данный атрибут пока находится в стадии разработки и не поддерживается ни одним браузером на сегодняшний день, но заслуживает внимания. Рекомендовать on Facebook Share on vkontakte Bookmark […]

HTML5 еще не закончен, но об этом уже существует множество книг. Книги, написанные об HTML5 в 2010 году, в большинстве своем, содержат не актуальную на данный момент информацию. Именно поэтому я расскажу о книгах 2011 и 2012 годов для начинающих. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Content editable в HTML5

22, Авг 2011

Одним из нововведений HTML5 стала возможность редактировать часть страницы прямо в браузере. Эта фича получила название content editable. Она работает во всех современных браузерах. Чтобы сделать часть страницы редактируемой, нужно поставить тегу атрибут Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Аудио в HTML5

16, Авг 2011

Одним из многочисленных нововведений HTML5 стала возможность добавлять на страницу встроенный в браузер аудиоплеер. Пока эту функцию поддерживают только Firefox 4+, Chrome и Opera 11.10. В этом посте я приведу HTML-код и описание аттрибутов тега <audio> Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Видео в HTML5

15, Авг 2011

Одним из многочисленных нововведений HTML 5 стала возможность добавления на страницу встроенного в браузер видеоплеера. Не все браузеры поддерживают данное нововведение (на данный момент работает в Firefox 4+, Chrome и Opera 11.10), но это очень скоро изменится. В этом посте я приведу HTML-код плеера и описание аттрибутов тега <video>. Рекомендовать on Facebook Share on vkontakte […]

Все уже давно привыкли к такому уже обычному явлению, как CSS3 градиент, но далеко не все варианты его применения известны широкому кругу вебпрограммеров. Вспомните отлично выглядящие градиентные заголовки на сайте Apple. С CSS 3 у нас есть шанс сделать их без использования картинок! Вот так выглядит код который позвоит сделать градиент текста: Рекомендовать on Facebook […]

Одним из нововведений HTML 5 стала загрузка файлов drag & drop. Большенство браузеров еще не поддерживают данное новшество (на данный момент работает в Firefox 4+, Chrome и Opera 11.10), но это скоро изменится. В этом посте я приведу пример клиентского кода на HTML и серверного скрипта на PHP. Рекомендовать on Facebook Share on vkontakte Bookmark […]


Наверх