2017 © Pedro Peláez
 

typo3-cms-extension sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

image

sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  • Thursday, July 26, 2018
  • by sitegeist
  • Repository
  • 9 Watchers
  • 23 Stars
  • 8,722 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 5 Forks
  • 12 Open issues
  • 9 Versions
  • 32 % Grown

The README.md

SMS Responsive Images

Responsive Images for TYPO3

This TYPO3 extension provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool., (*1)

Authors & Sponsors

The development and the public-releases of this package is generously sponsored by my employer https://sitegeist.de., (*2)

Installation

This extension is available via packagist., (*3)

composer require sitegeist/sms-responsive-images

Alternatively, you can install the extension from TYPO3 TER:, (*4)

TYPO3 TER: sms_responsive_images, (*5)

For further instructions, please take a look at the full documentation., (*6)

Updating from 2.x

  • Support for TYPO3 9.5 and PHP < 7.4 is gone.
  • If you still include constants.ts and setup.ts manually in your TypoScript configuration, these files have now been renamed to constants.typoscript and setup.typoscript.
  • Since TYPO3 v12 has declared all ViewHelper classes as final, this has been applied to the responsive images ViewHelpers as well.

Updating from 1.x

There are a few breaking changes which might require you to update your integration:, (*7)

  1. Support for TYPO3 8.7 is gone. Please use version 1.3 of the extension.
  2. The picturefill attribute of <sms:image /> and <sms:media /> has been removed, so you need to remove it from your Fluid templates. Separate markup for picturefill.js is no longer required, so the extension now outputs standards-compliant markup at any time.
  3. In addition to svg files, gif files are now excluded as well. You can change this by adjusting the ignoreFileExtensions parameter.
  4. If lazyload is enabled, image tags will get a class="lazyload" automatically.

There are also some changes under the hood you might want to consider:, (*8)

  1. The PHP namespace has switched from SMS\SmsResponsiveImages to Sitegeist\ResponsiveImages, so if you extended one of the provided PHP classes, you need to adjust this.
  2. The extension now uses .1579774724 instead of .100 to overwrite the image partial of fluid_styled_content. This means that there will be less interference with other extensions. However, if you need to overwrite the Image.html file again, you need to specify your partial after that value.
  3. The demo plugin is gone, so if you were using it, it won't work anymore.

Documentation

To get an overview of responsive images in general and what the extension does, take a look at the following blog post:, (*9)

sitegeist Techblog: Responsive Images with TYPO3 8.7+, (*10)

You will find the full documentation for this extension on typo3.org:, (*11)

Full Documentation of SMS Responsive Images, (*12)

The Versions

26/07 2018

dev-master

9999999-dev https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0+ GPL-2.0-or-later

The Requires

 

The Development Requires

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

26/07 2018

v1.2.0

1.2.0.0 https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0-or-later

The Requires

 

The Development Requires

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

26/07 2018

dev-ignoreFileExtensions-documentation

dev-ignoreFileExtensions-documentation https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0-or-later

The Requires

 

The Development Requires

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

20/04 2018

dev-svgSupport

dev-svgSupport https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0-or-later

The Requires

 

The Development Requires

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

20/04 2018

dev-travis

dev-travis https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0-or-later

The Requires

 

The Development Requires

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

04/02 2018

v1.1.0

1.1.0.0 https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0-or-later

The Requires

 

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

21/07 2017

1.0.1

1.0.1.0 https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0+

The Requires

 

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

14/06 2017

dev-task/globalNamespace

dev-task/globalNamespace https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0+

The Requires

 

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi

30/05 2017

1.0.0

1.0.0.0 https://github.com/sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  Sources   Download

GPL-2.0+

The Requires

 

by Simon Praetorius

image typo3 cms picture retina srcset cropping responsive images picturefill sizes aspect ratio highdpi