responsive-images   568

« earlier    

Images  |  Web Fundamentals  |  Google Developers
Responsive web design means that not only can our layouts change based on device characteristics, but content can change as well. For example, on high resolution (2x) displays, high resolution graphics ensure sharpness.
frontend  responsive  responsive-images  rwd 
april 2018 by kogakure
Video as the new GIF in Safari
<picture>
<source type=video/mp4 srcset=adorable-cat.mp4>
<img src=adorable-cat.gif alt="adorable cat tears throat out of owner and eats his eyeballs">
</picture>
images  performance  html  responsive-images  mp4  video 
january 2018 by sambaldwin
Cloudinary - Features
cloud-based image storage service with advanced features to make responsive images easier
RWD  responsive-design  responsive-images 
november 2017 by snlsn
Responsive images with srcset and sizes attributes vs picture element – Learnedia
This article is a tutorial to help you understand these underused or misused HTML <img> tag attributes for responsive images. I will also talk about picture vs srcset and when to use each technique.
responsive-images  responsive-design  picture-element  srcset  sizes  web  images  performance  mobile  picture  html  html5  bandwidth  crossbrowser  firefox  chrome  progressive-enhancement 
october 2017 by abberdab
Responsive Images 101, Part 1: Definitions - Cloud Four
We design and develop responsive websites and progressive web apps.
images  rwd  responsive-images 
october 2017 by RyanRoberts

« earlier    

related tags

289  accessibility  art-direction  articles  awesome  bandwidth  chrome  cloud-services  coding  compression  configuration  contentful  craft  craftcms  crossbrowser  css  design  development  firefox  front-end-dev  frontend  graphics  guide  html  html5  image-compression  image-optimization  image-resize  image  images  imessage  javascript  jpeg  kenji  lesezeichenleiste  logos  magnifier  magnify  mobile  mp4  mustread  newslettered  performance  picture-element  picture  plugins  progressive-enhancement  reference  responsive-design  responsive  rwd  size  sizes  smush  spike  srcset  svg  swapping  to-read  tool  tools  tutorial  twitter  ui-images  via-pocket  video  viget  web-design  web-development  web-performance  web  web_resource  webdev/images  webdev/rwd  webdev-images-lazyload  webdev-images-responsive  webdev-images  webdev-tools  webdev  wordpress  wordpress:theme-creation 

Copy this bookmark:



description:


tags: