#responsiveimages — Public Fediverse posts

#Development #Approaches
The end of responsive images · Automatic HTML image sizing is a game changer https://ilo.im/16ce8i

_____
#LazyLoading #Images #ResponsiveImages #ResponsiveDesign #WebDesign #Browsers #Development #WebDev #Frontend #HTML

#Development #Approaches
The end of responsive images · Automatic HTML image sizing is a game changer https://ilo.im/16ce8i

_____
#LazyLoading #Images #ResponsiveImages #ResponsiveDesign #WebDesign #Browsers #Development #WebDev #Frontend #HTML

#Development #Approaches
The end of responsive images · Automatic HTML image sizing is a game changer https://ilo.im/16ce8i

_____
#LazyLoading #Images #ResponsiveImages #ResponsiveDesign #WebDesign #Browsers #Development #WebDev #Frontend #HTML

#Development #Approaches
The end of responsive images · Automatic HTML image sizing is a game changer https://ilo.im/16ce8i

_____
#LazyLoading #Images #ResponsiveImages #ResponsiveDesign #WebDesign #Browsers #Development #WebDev #Frontend #HTML

The end of responsive images

https://piccalil.li/blog/the-end-of-responsive-images/

#HackerNews #responsiveimages #webdevelopment #design #trends #hackernews

The end of responsive images

https://piccalil.li/blog/the-end-of-responsive-images/

#HackerNews #responsiveimages #webdevelopment #design #trends #hackernews

The end of responsive images

https://piccalil.li/blog/the-end-of-responsive-images/

#HackerNews #responsiveimages #webdevelopment #design #trends #hackernews

The end of responsive images

https://piccalil.li/blog/the-end-of-responsive-images/

#HackerNews #responsiveimages #webdevelopment #design #trends #hackernews

The end of responsive images

https://piccalil.li/blog/the-end-of-responsive-images/

#HackerNews #responsiveimages #webdevelopment #design #trends #hackernews

#Development #Comparisons
Progressive images in action · The current state of progressive image rendering https://ilo.im/167oml

_____
#Images #ResponsiveImages #Rendering #JPEG #JPEGXL #AVIF #WebP #Browsers #WebDev #Frontend

#Development #Comparisons
Progressive images in action · The current state of progressive image rendering https://ilo.im/167oml

_____
#Images #ResponsiveImages #Rendering #JPEG #JPEGXL #AVIF #WebP #Browsers #WebDev #Frontend

#Development #Comparisons
Progressive images in action · The current state of progressive image rendering https://ilo.im/167oml

_____
#Images #ResponsiveImages #Rendering #JPEG #JPEGXL #AVIF #WebP #Browsers #WebDev #Frontend

#Development #Comparisons
Progressive images in action · The current state of progressive image rendering https://ilo.im/167oml

_____
#Images #ResponsiveImages #Rendering #JPEG #JPEGXL #AVIF #WebP #Browsers #WebDev #Frontend

Hey #CSS and #HTML folks, it's 2025 and we still do not have a way to set an `img` source defined by the size of the element instead of the viewport? Or did I miss something?

For example: an element with three or two cards in a row. I would rather set the image source to a file that is close to the actual element size that to thinker with viewport sizes and extra markers for 2 or 3 columns.

I really care for #webPerformance too much…

#ResponsiveImages #WebDevelopment

Hey #CSS and #HTML folks, it's 2025 and we still do not have a way to set an `img` source defined by the size of the element instead of the viewport? Or did I miss something?

For example: an element with three or two cards in a row. I would rather set the image source to a file that is close to the actual element size that to thinker with viewport sizes and extra markers for 2 or 3 columns.

I really care for #webPerformance too much…

#ResponsiveImages #WebDevelopment

Hey #CSS and #HTML folks, it's 2025 and we still do not have a way to set an `img` source defined by the size of the element instead of the viewport? Or did I miss something?

For example: an element with three or two cards in a row. I would rather set the image source to a file that is close to the actual element size that to thinker with viewport sizes and extra markers for 2 or 3 columns.

I really care for #webPerformance too much…

#ResponsiveImages #WebDevelopment

Hey #CSS and #HTML folks, it's 2025 and we still do not have a way to set an `img` source defined by the size of the element instead of the viewport? Or did I miss something?

For example: an element with three or two cards in a row. I would rather set the image source to a file that is close to the actual element size that to thinker with viewport sizes and extra markers for 2 or 3 columns.

I really care for #webPerformance too much…

#ResponsiveImages #WebDevelopment

#Development #Techniques
Preloading responsive images · Thoughtful preloading significantly improves load times https://ilo.im/1614fc

_____
#Images #ResponsiveImages #ResponsiveDesign #WebDesign #WebPerf #WebDev #Browser #Frontend

#Development #Techniques
Preloading responsive images · Thoughtful preloading significantly improves load times https://ilo.im/1614fc

_____
#Images #ResponsiveImages #ResponsiveDesign #WebDesign #WebPerf #WebDev #Browser #Frontend

#Development #Techniques
Preloading responsive images · Thoughtful preloading significantly improves load times https://ilo.im/1614fc

_____
#Images #ResponsiveImages #ResponsiveDesign #WebDesign #WebPerf #WebDev #Browser #Frontend

#Development #Techniques
Preloading responsive images · Thoughtful preloading significantly improves load times https://ilo.im/1614fc

_____
#Images #ResponsiveImages #ResponsiveDesign #WebDesign #WebPerf #WebDev #Browser #Frontend

Unser Crew-Mitglied Peter auf dem DrupalCamp Ruhr 2023 mit seinem Thema zu "responsive images". So ganz perfekt ist die Lösung in Drupal noch nicht. Er stellt unterschiedliche Herangehensweisen vor und tritt mit dem Publikum in den Austausch.
Vielleicht kommt am Ende etwas heraus, was besser funktioniert.
#dcruhr23 #drupal #ResponsiveImages

Unser Crew-Mitglied Peter auf dem DrupalCamp Ruhr 2023 mit seinem Thema zu "responsive images". So ganz perfekt ist die Lösung in Drupal noch nicht. Er stellt unterschiedliche Herangehensweisen vor und tritt mit dem Publikum in den Austausch.
Vielleicht kommt am Ende etwas heraus, was besser funktioniert.
#dcruhr23 #drupal #ResponsiveImages

Unser Crew-Mitglied Peter auf dem DrupalCamp Ruhr 2023 mit seinem Thema zu "responsive images". So ganz perfekt ist die Lösung in Drupal noch nicht. Er stellt unterschiedliche Herangehensweisen vor und tritt mit dem Publikum in den Austausch.
Vielleicht kommt am Ende etwas heraus, was besser funktioniert.
#dcruhr23 #drupal #ResponsiveImages

Unser Crew-Mitglied Peter auf dem DrupalCamp Ruhr 2023 mit seinem Thema zu "responsive images". So ganz perfekt ist die Lösung in Drupal noch nicht. Er stellt unterschiedliche Herangehensweisen vor und tritt mit dem Publikum in den Austausch.
Vielleicht kommt am Ende etwas heraus, was besser funktioniert.
#dcruhr23 #drupal #ResponsiveImages

Wait, what red rocks? … Aaaah, that … And they’re gone.

#ResponsiveImages

(https://www.nationalgeographic.com/magazine/article/rainbows-climate-change-increase-myths-omen)

Wait, what red rocks? … Aaaah, that … And they’re gone.

#ResponsiveImages

(https://www.nationalgeographic.com/magazine/article/rainbows-climate-change-increase-myths-omen)

Wait, what red rocks? … Aaaah, that … And they’re gone.

#ResponsiveImages

(https://www.nationalgeographic.com/magazine/article/rainbows-climate-change-increase-myths-omen)

Wait, what red rocks? … Aaaah, that … And they’re gone.

#ResponsiveImages

(https://www.nationalgeographic.com/magazine/article/rainbows-climate-change-increase-myths-omen)

Wait, what red rocks? … Aaaah, that … And they’re gone.

#ResponsiveImages

(https://www.nationalgeographic.com/magazine/article/rainbows-climate-change-increase-myths-omen)