{"id":167,"date":"2010-05-06T04:05:40","date_gmt":"2010-05-06T10:05:40","guid":{"rendered":"http:\/\/rrbits.com\/epb\/?p=167"},"modified":"2011-02-06T17:41:24","modified_gmt":"2011-02-06T23:41:24","slug":"greasemonkey-vs-website","status":"publish","type":"post","link":"https:\/\/rrbits.com\/epb\/2010\/05\/06\/greasemonkey-vs-website\/","title":{"rendered":"Greasemonkey vs. Website"},"content":{"rendered":"<p>I made a pretty normal trip to <a href=\"http:\/\/jbox.com\/\">jlist<\/a> (an online shop selling all manner of things Japanese) and for some reason thought: I bet I could change this store layout with Greasemonkey!\u00a0 With a couple of hours of fiddling, I had managed to create a script that took their HTML and mangled it to my bidding.\u00a0 That makes me sound kinda evil doesn&#8217;t it? At any rate, you can do some pretty impressive stuff to a page with just JavaScript.\u00a0 So you can poke it and whatnot fairly easily, I&#8217;m providing both in this zip file: <a href=\"https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist-condense.zip\">jlist condensing greasemonkey scripts<\/a><\/p>\n<p>By default, when browsing by category, everything in is shown vertically with text and pictures.\u00a0 I wanted to browse without scrolling so much, so at first I made this a greasemonkey userscript called &#8220;jlist-condense.user.js&#8221; and here&#8217;s the result with that one:<\/p>\n<div id=\"attachment_169\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist_cond2.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-169\" class=\"size-medium wp-image-169\" title=\"Condensed JList\" src=\"https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist_cond2-300x233.jpg\" alt=\"\" width=\"300\" height=\"233\" srcset=\"https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist_cond2-300x233.jpg 300w, https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist_cond2.jpg 1002w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-169\" class=\"wp-caption-text\">JList with the first condensing script<\/p><\/div>\n<p>So, I decided to continue playing around with the script and then made a &#8220;super-condensed&#8221; version that uses even less space.\u00a0 It would break on things that don&#8217;t have pictures at the moment btw, but most everything on jlist does have a picture. Further, I was just me messing around with Greasemonkey script shenanigans.\u00a0 All it is is product image with a reflection (because I can) that you can mouse over for the title and click to view the full product descriptions.<\/p>\n<div id=\"attachment_170\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist-scond.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-170\" class=\"size-medium wp-image-170\" title=\"Super-Condensed jlist\" src=\"https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist-scond-300x232.jpg\" alt=\"\" width=\"300\" height=\"232\" srcset=\"https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist-scond-300x232.jpg 300w, https:\/\/rrbits.com\/epb\/files\/2010\/05\/jlist-scond.jpg 1003w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-170\" class=\"wp-caption-text\">Super-Condensed jlist greasemonkey script<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>I made a pretty normal trip to jlist (an online shop selling all manner of things Japanese) and for some reason thought: I bet I could change this store layout with Greasemonkey!\u00a0 With a couple of hours of fiddling, I had managed to create a script that took their HTML and mangled it to my&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/rrbits.com\/epb\/2010\/05\/06\/greasemonkey-vs-website\/\" title=\"ReadGreasemonkey vs. Website\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-167","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/posts\/167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":5,"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/posts\/167\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/posts\/167\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/categories?post=167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rrbits.com\/epb\/wp-json\/wp\/v2\/tags?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}