{"id":769,"date":"2017-04-09T03:31:31","date_gmt":"2017-04-09T03:31:31","guid":{"rendered":"http:\/\/blog.azoora.com\/?p=769"},"modified":"2021-06-23T13:04:24","modified_gmt":"2021-06-23T13:04:24","slug":"focuspoint-js-jquery-plugin-for-responsive-cropping","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/javascript\/focuspoint-js-jquery-plugin-for-responsive-cropping\/","title":{"rendered":"FocusPoint.js \u2013 jQuery Plugin for Responsive Cropping"},"content":{"rendered":"<p>Websites don\u2019t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile \u2013 particularly if you\u2019re using a full-screen image. If you have to use the same image file in all these contexts, your subject might be clipped or completely missing, or just really awkward looking.<\/p>\n<p><a title=\"FocusPoint jQuery\" href=\"https:\/\/github.com\/jonom\/jquery-focuspoint\" target=\"_blank\" rel=\"noopener\">FocusPoint jQuery Plugin<\/a>\u00a0makes sure your image looks great in any container, by ensuring the \u2018spare\u2019 parts of your image (negative space) are cropped out before the important parts. It\u2019s made for \u2018responsive cropping\u2019. Dynamically crop images to fill available space without cutting out the image\u2019s subject. You can <a href=\"https:\/\/jednoreki-bandyta.pl\/darmowe-spiny\/\" target=\"_blank\" rel=\"noopener\">click to find out more<\/a> info here.<\/p>\n<blockquote><p>Requirements: jQuery Framework<br \/>\nDemo:\u00a0<a title=\"demo\" href=\"https:\/\/github.com\/jonom\/jquery-focuspoint\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/github.com\/jonom\/jquery-focuspoint<\/a><br \/>\nLicense: MIT License<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Websites don\u2019t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile \u2013 particularly if you\u2019re using a full-screen image. If you have to use the same image file in all these contexts, your subject might be [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":772,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[12],"tags":[48,17],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2017\/08\/focus-point-1.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-cp","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/769"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=769"}],"version-history":[{"count":5,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/769\/revisions"}],"predecessor-version":[{"id":6259,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/769\/revisions\/6259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/772"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}