Ending #Responsive Images by @grigs

"In the beginning of our search for a responsive images solution, the challenge seemed simple: the img element only supported one source file, and we needed multiple sources to support responsive designs. However, if we supply multiple image sources, how will the browser know which source to choose?"

https://cloudfour.com/thinks/ending-responsive-images/

#css #frontend #html #webdev

Как я сделал расширение, которое показывает десктоп и мобильную версию сайта одновременно

Когда верстаешь адаптив, постоянно скачешь между десктопом и мобильной версией: то DevTools в режиме устройства, то ресайз окна, то открыть на телефоне. Десктоп и мобайл при этом никогда не видны одновременно — один прячется, когда смотришь на другой. Готовые мобильные симуляторы это не закрывали: они хорошо делают своё дело, но не дают посмотреть адаптив прямо на вкладке, поверх десктопа. Я сделал свой инструмент — и в статье разбираю, как это устроено технически. Читать разбор

https://habr.com/ru/articles/1047354/

#адаптивная_вёрстка #расширение_Chrome #responsive #мобильная_вёрстка #Manifest_V3 #WebCodecs #declarativeNetRequest #Shadow_DOM #дизайн_сайтов #запись_экрана

𝗘𝗺𝗮𝗶𝗹 𝗳𝗼𝘂𝗻𝗱𝗮𝘁𝗶𝗼𝗻:

#Framework #Responsive #EmailFramework #EmailFoundation

https://thewhale.cc/posts/email-foundation

Foundation for Emails 2. Quickly create responsive HTML emails that work. Even on Outlook!