Responsive Images
A must have, that should be simple and fun to implement
Nowadays, creating websites that work well across devices is self-evident. While most of the tooling for this is established and well understood, there are a few things that require more effort than necessary, especially in areas where editors of a CMS like TYPO3 need to control, how things are shown on the differnt device sizes.
TYPO3 comes with flexible and powerful image editiing. At the same time configuring it is quite verbose and using this to output images for different devices is not hassle free to say the least.
In my talk, I will quickly recap, what the web platform offers to steer which image (size and format) is shown on the different devices. With that knowledge at hand, I will present a new aproach, that connects the capabilities of the web platform with the power of TYPO3 in a way, that is easy to comprehend.
By defining how an image is sized in a given CSS defined layout, using a central declarative configuration, the image editing and the rendered HTML output of the image, will automatically fall into place.
Whether you are a frontend dev with focus on crafting excellent HTML, JavaScript and CSS, a TYPO3 integrator with the ambition to provide intuitive editor experiences or a business owner always striving to deliver extraordinary products to your customers with reasonable effort, you will likely get to love what I have built as extension to TYPO3, or maybe as a feature for upcoming TYPO3 versions.
