Back to Blog
Aspect ratio calculator app5/8/2023 ![]() ![]() ![]() However, if you do want to use both approaches in your project, maybe as a way of transitioning slowly from the plugin approach to the new native utilities, you'll need to add the following values to your nfig. If you're able to use the new native aspect-ratio utilities, just use them instead of this plugin, as they are a lot simpler and work much better. Export and share Just hit Export, and your final image will be produced. If you want exact controls, you can click the custom sizing button to enter an exact pixel value that youd like for your image. You can also adjust the image to a custom size. 6 inch) Golden Ratio calculate and photo on the App Store Golden Ratio Generator. Select your aspect ratio, cropping style and background color. While it's technically possible to use the new native aspect-ratio utilities as well as this plugin in the same project, it doesn't really make a lot of sense to do so. Of course, this Aspect Ratio Calculator contains all these dimensions. If you need to support Safari 14, this plugin is still the best way to do that. Tailwind CSS v3.0 shipped with native aspect-ratio support, and while these new utilities are great, the aspect-ratio property isn't supported in Safari 14, which still has significant global usage. exports = Compatibility with default aspect-ratio utilities You can configure which values and variants are generated by this plugin under the aspectRatio key in your file: x2y calculates dimensions and percentages for you automatically. Just like x2y for iOS, this app for Mac was built for designers and web developers who need to resize images and videos in code. Once the aspect-ratio property is supported in modern browsers, we'll add official support to Tailwind CSS itself and deprecate this plugin.Īspect ratio classes up to 16 are generated by default: Width x2y is a beautifully simple aspect ratio calculator for Mac. Note that due to the way this currently needs to be implemented ( the old padding-bottom trick) you need to assign the aspect ratio to a parent element, and make the actual element you are trying to size the only child of that parent. ![]()
0 Comments
Read More
Leave a Reply. |