Архив метки: HTML5

Новшества HTML5

Разборка и чистка ноутбука Hp g62 от пыли

HTML5 — это новая платформа, которая позволяет не только создавать сайты, но и разрабатывать мощные веб-приложения. Эта технология предлагает множество полезных тегов, сохраняя при этом знакомый синтаксис HTML 4.01 и XHTML 1.0. Однако, для front-end разработчиков нет необходимости привыкать к новым правилам HTML5. Так что же такое HTML5 и какие преимущества он предоставляет? Новый способ разметки Если вы когда-то создавали сетки для сайтов, то наверняка помните, как нужно было каждый блок разделить и обернуть в div с классами. Названия основных частей страницы, таких как шапка, сайдбар, главная часть и подвал, использовались повсеместно и часто повторялись в классах. Именно поэтому HTML5 предложил отдельные теги для этих элементов. Вот небольшой список: <header></header> — шапка страницы <article></article> — главная часть страницы <aside></aside> — сайдбар <footer></footer> — подвал страницы Технически, эти теги эквивалентны тегу <div>, где многоточие — шапка, главная часть страницы, сайдбар или подвал страницы. И, конечно, вы понимаете, почему лучше использовать теги HTML5 вместо <div>. Во-первых, это короче;… Читать далее »

Сканирование QR-кода HTML5 с помощью javascript

QR-код – это очень распространенная техника кодирования информации в виде изображений. Он очень часто используется в физических магазинах для идентификации товаров, подобно тому, как используется штрих-код. Эта библиотека позволяет сканировать QR-код в веб-приложениях с помощью веб-камеры или камеры на смартфонах. Это простая библиотека размером 52 Кб, написанная на чистом js. В 2015 году я написал библиотеку для сканирования QR-кодов на основе HTML5 в качестве расширения jQuery. Недавно я заметил, что на моем проекте на Github и демонстрационной странице наблюдается постоянный трафик. Когда я углубился в суть происходящего, мне стало стыдно за плохой дизайн и устаревшую поддержку последних HTML API вокруг Camera. Недавно я исправил некоторые проблемы и подверг рефакторингу библиотеку javascript, которая теперь не зависит от jQuery и поддерживает API на основе Promise. В этой статье я объясню, как использовать новую версию библиотеки, некоторые изменения и их причины, а также существующие проблемы и планы по их устранению. Если говорить громко, то основными… Читать далее »