wentin / responsifyjs

A jquery plugin that makes images truly responsive, without sacrificing anyone's face. Give it more stars!

Hello! I am Wenting Zhang, designer & entrepreneur based in New York City. “wentin” is my Internet alias. She/Her. 👋🏼

I am building Typogram – a brand design app – in public and sharing my progress in my newsletter. Previously I worked at Adobe. My projects there include Adobe XD, Adobe Illustrator on iPad, and Adobe Fonts. I teach at School of Visual Arts. My course Crafting Interactions is taught at the Interaction Design MFA program.

Newsletter | Projects | Talks | Store | Contact

responsifyjs's Issues

Add git tags.

Hi @wentin ,
We are cdnjs team, we're going to host this library.
The git auto-updater in cdnjs relies on git tags so that it can recognize the correct version and automatically update the repo.
Could you please add git tags for the repo? Thank you.

cdnjs/cdnjs#10644

Breaking Images

Just found this in 2018 and love the concept. Does it require a particular version of jQuery though? For me, it breaks the images by cutting off the cropped area. So when you resize smaller, then resize larger, the cropped area gets removed completely and becomes empty space.

Thanks in advance

Preload image into the helper App

Hi there,

Fantastic script, and love the helper app.

Is there a way to pre-load the current image and selected area into the helper app? So that the user can tweak existing settings rather than starting from scratch?

Thanks,
Dan

Need Support for jQuery version 3 or higher

Thank you for this nice script.

The Script doesn't work with jQuery version 3.3.1
Console shows the following failure: Uncaught TypeError: e.indexOf is not a function

Best regards.

Support for css background-image

Does this plugin have support for css background-images and if so how would the focus area be specified?

Thanks!

Add the option for the equivalent of background-size: cover

It would be nice to prevent situation like in my screenshot:

where the first image doesn't cover the div completely (cropping the safe area, I know). You would still have your focus area centered. I will try to code it myself if I have the time.

Automatic redirect to https leads to mixed content and breaks your demo page

Your domain is automatically redirected to https and therefore cannot load jquery from Cloudflare because of mixed content in current browsers.
Therefore the demo is completely broken.

Consider publish as npm packages

Your component is helpful and seems promising.
Please publish as npm packages, so that many technologies can use your component (such as SharePoint Web Parts).