Верстка \ HTML5

Клонирование SVG элементов с помощью Use

От автора: use – инструмент клонирования SVG элементов. С его помощью можно дублировать существующие и заданные элементы. Также данный инструмент предоставляет возможность изменять созданные копии. Use – легкий способ облегчить ваш SVG код, используя при этом лучшие DRY практики («Не повторяться»).

Продолжить чтение

Верстка \ CSS 3

Как повысить UX валидаторов форм в HTML и CSS

От автора: только лишь на HTML атрибутах можно сделать несчетное множество различных валидаторов форм. CSS селекторы помогут вам упростить работу и сделать ее более понятной для пользователей. Однако, чтобы добиться действительного хорошего результата, придется немного попотеть с CSS!

Продолжить чтение

Верстка \ HTML5

Линейный ползунок на HTML5, SVG и JavaScript

От автора: в большей степени пользователи легко разбираются в элементах интерфейса с численной системой измерения, но графический интерфейс может «направлять» пользователя и повышает ассоциативную составляющую, особенно при работе с большими диапазонами значений. Как и в предыдущем примере с кольцом, тут также используется SVG, JavaScript и input типа range.

Продолжить чтение

Верстка \ HTML5

Круговые элементы интерфейса при помощи HTML5, CSS, JS и SVG

От автора: такие измерения как время, проценты и величина угла наилучшим образом можно представить визуально, зачастую в виде дуги или круга. В HTML5 нет встроенных круговых элементов управления, но это не должно останавливать вас, ведь вы можете создать их самостоятельно. В этом примере я покажу, как создать интерактивный элемент интерфейса, который будет выступать в роли таймера или в виде круга с процентами.

Продолжить чтение

Верстка \ HTML5

Совет: как правильно использовать тег figure и тег figcaption

От автора: семантические теги figure и figcaption часто используются в паре. Если вы до сих пор не читали документацию по этим тегам, уже пользовались ими в проектах или понятия не имеете, зачем они нужны, в этой статье я привел несколько советов, которые помогут вам правильно применять эти элементы.

Продолжить чтение

Верстка \ HTML5

Скрипты в HTML5

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

Продолжить чтение

Верстка \ HTML5

Что такое HTML5?

От автора: привет друзья! В данной статье я хочу немного рассказать вам про html5. Рассказать, что такое html5, что в нем нового. Какие новые возможности он предоставляет разработчикам. HTML5 очень широкое понятие. И некоторые технологии, которые называют в HTML5, вообще говоря, не являются html5, но обо всем по порядку…

Продолжить чтение

Верстка \ HTML5

Конструктор сайтов html5. Где создать сайт на html5

От автора: все больше и больше людей понимают необходимость использования новой спецификации для своих проектов. В связи с этим, многим нужен html5 конструктор сайтов, в котором можно было бы создавать веб-страницы без знания языка разметки гипертекста.

Продолжить чтение