Архив рубрики «HTML5 + CSS3»

HTML5: голосовой ввод текста одним атрибутом

14.10.2012

Должно быть вы уже не раз встречали поля для ввода текста с иконкой микрофончика, нажав на которую можно надиктовать текст в микрофон для его распознания и ввода.

Применить такую возможность на своих сайтах очень просто.
(далее…)

HTML5: Кросбраузерная поддержка новых тегов

09.08.2011

В планах HTML5: сделать исходный код более семантичным, в следствии чего были созданы такие теги как <header />, <footer />, <article />, <nav />, <aside />, <section />, <hgroup />.
Но, использование их уже сейчас может вызвать затруднения, связанные с тем, что старые браузеры не знают таких тегов.
В этом посте мы рассмотрим как заставить все браузеры работать с новыми html5-тегами.
(далее…)

О WebSocket-ах на примере реализации чата мгновенных сообщений с помощью node.JS

02.07.2011

Цель этой статьи — на простом примере ознакомится с новым, еще непривычным, подходом в организации взаимодействия веб-приложений с сервером. В качестве «Hello World»-приложения для этой технологии нам отлично послужит чат. В статье будет продемонстрирована реализация серверной и клиентской частей приложения, чтобы лучше понимать как они взаимодействуют.
(далее…)

JavaScript: Получение изображения на клиенте с поля для выбора файлов

23.05.2011

Такая возможность может понадобится, если нам нужно использовать выбранное, но еще не загруженное на сервер, изображение. К примеру: мы ходим динамически создать превью подгружаемой фото, или отобразить картинку на канве для дальнейшей обработки.
(далее…)

Определяем, сглаживаются ли шрифты

20.05.2011

Порой, несглаженные шрифты (not smoothed fonts) являются очень плохо-читаемыми и хотелось бы иметь возможность управления этой ситуацией. К примеру, если бы мы могли определить сглаживаются ли шрифты, то мы бы смогли изменять свойства шрифтов, делая их более читабельными.
(далее…)

Веб-формы: размер и тип подгружаемого файла

12.04.2011

Часто возникает необходимость проверить размер и тип, подгружаемого пользователем, файла с помощью веб-формы. Допустим, мы не хотим отправлять 100Mb на сервер, чтобы потом просто сообщить, что файл не того формата или слишком много весит.
(далее…)

HTML5: Отлавливаем изменение hash-данных

07.04.2011

HTML5 предусматривает новое событие hashchange, которое срабатывает при изменении хеш-данных.
(далее…)

HTML: Какой DOCTYPE использовать?

04.02.2011

Многие начинающие верстальщики задаются таким вопросом.
Используйте всегда доктайп для HTML5:

<!DOCTYPE HTML>
(далее…)

HTML5 — JavaScript: Локальное хранилище данных

17.01.2011

HTML5 предусматривает возможность хранить данные средствами браузера. Это мощная, удобная альтернатива cookie.
Краткое руководство по использованию:
(далее…)

CSS3: анимационные переходы с помощью CSS

04.01.2011

CSS3 предусматривает возможность внедрения анимационных переходов в веб-странички непосредственно с помощью стилей. Реализовать это можно с помощью свойства: transition.
(далее…)