{"id":248,"date":"2025-05-05T12:59:00","date_gmt":"2025-05-05T12:59:00","guid":{"rendered":"http:\/\/localhost\/nnmakicom2026\/?p=248"},"modified":"2026-06-09T15:18:59","modified_gmt":"2026-06-09T15:18:59","slug":"image-rotator-chrome-extension","status":"publish","type":"post","link":"https:\/\/nnmaki.com\/index.php\/2025\/05\/05\/image-rotator-chrome-extension\/","title":{"rendered":"Image Rotator &#8211; Chrome Extension"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Few times i&#8217;ve ended up to situation where it would be nice to rotate an image on a website directly in the browser. This can happen for example when looking for a spare part and wanting to compare an image to a reference model. Of course Chrome Web Store has extensions for this, but I found it frustrating that installing one means granting permissions to the extension developer for my content. SO I had the idea to create extension myself as a practice project. Rotating an image only requires adding one CSS rule, and Ive created a few Chrome extensions before.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_1_1920x1080.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" data-id=\"391\" src=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_1_1920x1080-300x169.png\" alt=\"\" class=\"wp-image-391\" srcset=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_1_1920x1080-300x169.png 300w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_1_1920x1080-1024x576.png 1024w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_1_1920x1080-768x432.png 768w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_1_1920x1080-1536x864.png 1536w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_1_1920x1080.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now that the use of AI for different purposes is booming, I decided to save time and try so called Vibe Coding to see if I could have AI generated ready-made package without even going through every line of code. I gave a carefully designed prompt and pasted the given code into my editor. The whole project was ready to go in about five minutes, including pushing it to GitHub.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This doesn&#8217;t offer much in terms of learning, but it helps to realize how these tools can be usefully applied to simple tasks to save time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Image Rotator is freely available on GitHub:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Few times i&#8217;ve ended up to situation where it would be nice to rotate an image on a website directly [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":392,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"mb":[],"uagb_featured_image_src":{"full":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_fi_1200x675.png",1200,675,false],"thumbnail":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_fi_1200x675-150x150.png",150,150,true],"medium":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_fi_1200x675-300x169.png",300,169,true],"medium_large":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_fi_1200x675-768x432.png",768,432,true],"large":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_fi_1200x675-1024x576.png",1024,576,true],"1536x1536":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_fi_1200x675.png",1200,675,false],"2048x2048":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/06\/image_rotator_fi_1200x675.png",1200,675,false]},"uagb_author_info":{"display_name":"NikoNmaki","author_link":"https:\/\/nnmaki.com\/index.php\/author\/nnmakicom2026\/"},"uagb_comment_info":0,"uagb_excerpt":"Few times i&#8217;ve ended up to situation where it would be nice to rotate an image on a website directly [&hellip;]","mfb_rest_fields":["title","uagb_featured_image_src","uagb_author_info","uagb_comment_info","uagb_excerpt"],"_links":{"self":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/comments?post=248"}],"version-history":[{"count":8,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts\/248\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts\/248\/revisions\/395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/media\/392"}],"wp:attachment":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/media?parent=248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/categories?post=248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/tags?post=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}