​5 HTML-тегов, о которых мало кто знает

#верстка #html

Подборка HTML-тегов, которыми довольно редко пользуются разработчики (и, возможно, зря): mark, address, noscript, time, var. Примеры кода прилагаются.

Читать статью

​Подчеркивание текста в HTML

#html #верстка

Рассматриваем семантическое использование тега <u> в HTML5.

Читать статью

​Создаем сайт-портфолио с responsive-дизайном

#javascript #html #css #верстка

Показываем, как написать полностью отзывчивый сайт-портфолио. При этом мы будем использовать только HTML, CSS и JS.

Читать статью

​29 идей проектов UI (на HTML, CSS и JavaScript)

#верстка #frontend #html #css #javascript

Создание пользовательских интерфейсов помогает закрепить знания, полученные при изучении HTML, CSS и JS, а также развить дизайнерские способности. Представляем подборку подходящих идей UI-проектов. К каждой прилагается скриншот общего вида и Codepen с примером реализации.

Читать статью

​Расширения VS Code для JavaScript-разработчиков

#vscode #html #css #javascript

Авторская подборка расширений для работы с JavaScript, HTML и CSS.

Читать статью

​7 полезных атрибутов HTML, о которых вы, возможно, не знаете

#html

Многие начинающие программисты изучают HTML весьма поверхностно и результате не пользуются его потенциалом на полную катушку. В этой статье вы найдете список HTML-атрибутов, о которых многие новички не знают, а стоило бы.

Читать статью

​12 простых HTML-сниппетов вместо сложных библиотек

#webdev #frontend #html

Незнание базовых технологий может привести к раздуванию кода, навредить производительности и добавить лишний уровень сложности в проект.

В этой статье мы рассмотрели несколько вещей, которые вы можете сделать на чистом HTML плюс немного CSS.

Читать статью

​10 альтернатив использованию div

#html #верстка

Создание всего макета на сплошных div кажется простым решением, но оно может создать проблемы с читаемостью, доступностью и SEO.

Читать статью

​Как создать ссылку mailto в HTML

#html

Ссылка mailto позволяет отправлять электронные письма прямо с веб-сайта, используя почту по умолчанию. Но как создать такую ссылку в HTML?

Читать статью

​SVG: руководство по написанию кода изображений (с примерами)

#html #webdev

Разбираем основы использования кода SVG-изображений в HTML. Рисуем новогодние изображения: шарик, елочку, снежинку, звездочку, колокольчик и пряничного человечка.

Читать статью

​Создаем падающий снег на HTML и CSS

#webdev #html #css

Простенькое руководство по созданию анимации: падающих снежинок. Код, CodePen и видеоурок на YouTube прилагаются.

Читать статью

​Построение системы координат при помощи HTML и CSS

#html #css

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

Читать статью

​Круговая диаграмма на чистом CSS

#html #css

О создании круговых диаграмм есть много статей, но диаграммы в них обычно делаются либо на основе SVG, либо с применением большого числа HTML-элементов.

Автор этой статьи рассказал, как построить анимированную круговую диаграмму, используя CSS и всего один HTML-элемент.

Читать статью

​Не слишком известные HTML-атрибуты, о которых стоит знать

#html

Атрибуты из этого списка могут помочь вам в решении довольно распространенных задач и избавить от использования сложных внешних библиотек.

Читать статью

​29 идей проектов UI (на HTML, CSS и JavaScript)

#верстка #frontend #html #css #javascript

Создание пользовательских интерфейсов помогает закрепить знания, полученные при изучении HTML, CSS и JS, а также развить дизайнерские способности. Представляем подборку подходящих идей UI-проектов. К каждой прилагается скриншот общего вида и Codepen с примером реализации.

Читать статью

​29 идей проектов UI (на HTML, CSS и JavaScript)

#верстка #frontend #html #css #javascript

Создание пользовательских интерфейсов помогает закрепить знания, полученные при изучении HTML, CSS и JS, а также развить дизайнерские способности. Представляем подборку подходящих идей UI-проектов. К каждой прилагается скриншот общего вида и Codepen с примером реализации.

Читать статью