В недавно появившейся спецификации HTML 5.1 появилась полезная функция - адаптирование изображений под разные девайсы. Если кто не знает - изображение можно вставить на сайт вот так: <img src="картинка.формат"> Но это не единственный способ. Изображение может быть ссылкой или иконкой. Если хотите красивую иконку для сайта - воспользуйтесь <link rel="icon" href="иконка" type="image/x-icon">. Только не перестарайтесь :D В новой спецификации можно задавать размер иконки с помощью атрибута size...

Современный веб давно перестал быть статичным. Пользователи заходят на сайты с телефонов, планшетов, ноутбуков и ультрашироких мониторов — и на каждом устройстве интерфейс должен выглядеть корректно, быстро загружаться и оставаться удобным. Именно здесь на сцену выходят адаптивные изображения — не просто картинки, а гибкие элементы интерфейса, которые подстраиваются под контекст, размеры контейнера и возможности устройства. В этой статье разберём, как Flexbox помогает управлять растягиванием и сжатием...