dr.Brain

doctor Brain

мир глазами веб-разработчика

frontend

HTML: srcset и sizes

оптимизируем размер изображения с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Jon Tyson on Unsplash

Если Вы хотите, чтобы страницы сайта загружались быстрее, а сам веб-ресурс соответствовал принципам адаптивной вёрстки, используйте атрибуты srcset и sizes для HTML-элемента img.

CSS: вращение

вращение изображения при наведении с помощью CSS

dr.Brain

время чтения 1 мин.

Photo by Jacek Dylag on Unsplash

Вращение (hover-rotate) картинки при наведении добавляет веб-странице интерактивности и делает её более привлекательной для пользователей. Рассмотрим, как с помощью HTML и CSS реализовать поворот изображения по оси.

HTML: выбор даты

создаём поле ввода для даты с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Jacek Dylag on Unsplash

Вместо привычно JavaScript попробуйте использовать type="date" для HTML-атрибута input. Так в большинстве современных браузеров открывается встроенный выбор даты, облегчая пользователям заполнение форм на веб-страницах.

HTML: draggable

drag-and-drop с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Willian Cittadin on Unsplash

Атрибут draggable позволяет пертаскивать HTML-элемент. Это очевидный и несложный метод реализации интерактивных возможностей без обращения к внешним библиотекам.

JavaScript: let и var

обращение к переменным до их объявления в JavaScript

dr.Brain

время чтения 1 мин.

Photo by Leila Azevedo on Unsplash

Что получится, если попробвать вывести в консоль значения переменных до их объявления. Рассмотрим такие примеры для переменных, созданных с помощью директив let и var.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.