[{"data":1,"prerenderedAt":394},["ShallowReactive",2],{"project-5166346":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":44,"post_text":47,"what":48,"said":93,"maker_in_thread":205,"shape":215,"grid":219,"attempts":355,"same_week":356,"maker_shows":46,"maker_hidden":386,"reader_version":387,"card":388},"5166346","Subtle Patterns Bookmarklet","Pick a better background pattern for your website","title","Show HN: Pick a better background pattern for your website","http:\u002F\u002Fbradjasper.com\u002Fsubtle-patterns-bookmarklet\u002F","bradjasper.com","Jasber",1360005522,2013,347,52,24,1739,2,"legend","dev_tools","css preview bookmarklet","browser_extension",[24,25,26,27],"background pattern","css background","bookmarklet","subtle patterns","mixed",0.375,{"positive":31,"neutral":32,"mixed":33,"critical":34},21,9,4,7,41,{"execution":37,"performance":38,"idea":40,"privacy":41,"design":43},{"positive":18,"critical":33},{"positive":39,"critical":39},0,{"positive":33,"critical":39},{"positive":39,"critical":42},1,{"positive":39,"critical":18},[39,45,39,46,39,46,42,46,45,45,46,42,46,45,42,45,46,42,45,46,39,45,45,42,39,46,45,46,46,46,46,42,46,46,46,46,45,46,46,46],3,5,null,{"problem":49,"audience":60,"pricing":47,"motivation":72,"time_to_build":47,"stack":77,"openness":90,"stage":91,"team_size":92},{"value":50,"source":51,"evidence":52},"Trying out website background patterns takes effort; the bookmarklet previews them in place","maker",[53,56],{"id":54,"by":11,"text":55},"5166961","This is a little bookmarklet I built that lets you preview the great patterns from http:\u002F\u002Fsubtlepatterns.com directly on your website. Feedback and comments welcome :)",{"id":57,"by":58,"text":59},"5167958","timrogers","Looks like a pretty good tool. It's always a lot of effort to try out lots of different backgrounds, going through downloading the .zip archives and putting them into the CSS.…",{"value":61,"source":62,"evidence":63},"Web designers and developers choosing site backgrounds","inferred",[64,68],{"id":65,"by":66,"text":67},"5167003","jawns","SubtlePatterns has been a great resource for me -- especially when I'm trying to turn something around really quick -- and this bookmarklet makes the process of selecting a good…",{"id":69,"by":70,"text":71},"5167898","ngokevin","Sick! Picking SubtlePattern backgrounds has always been a tedious process, will be using this across all my stuff.",{"value":73,"source":62,"evidence":74},"Make it faster to pick a background from subtlepatterns.com",[75,76],{"id":54,"by":11,"text":55},{"id":65,"by":66,"text":67},[78,86],{"value":79,"source":80,"evidence":81},"CoffeeScript","commenter",[82],{"id":83,"by":84,"text":85},"5168841","roryokane","I thought the code might be missing `event.preventDefault()` (http:\u002F\u002Fapi.jquery.com\u002Fevent.preventDefault\u002F), but I see it in the code:…",{"value":87,"source":80,"evidence":88},"jQuery",[89],{"id":83,"by":84,"text":85},"open_source","launched","solo",{"praise":94,"objections":115,"requests":149,"questions":191,"alternatives":199},[95,104],{"value":96,"source":80,"evidence":97},"Fast and useful for picking backgrounds",[98,99,103],{"id":65,"by":66,"text":67},{"id":100,"by":101,"text":102},"5168032","damncabbage","This is really timely and really damn useful. The bookmarklet in particular is great. Nice work!",{"id":69,"by":70,"text":71},{"value":105,"source":80,"evidence":106},"Simple and easy to use",[107,111],{"id":108,"by":109,"text":110},"5169122","josephwesley","This is awesome. I'm impressed with how easy it is to use.",{"id":112,"by":113,"text":114},"5168285","mieubrisse","Love it! The perfect combination of simple and helpful.",[116,131,138],{"value":117,"source":80,"evidence":118},"Does not work on HTTPS sites due to insecure asset loading",[119,123,127],{"id":120,"by":121,"text":122},"5168825","jtokoph","The bookmarklet tries to load the script and possibly other assets (I didn't check) from an insecure domain. This will cause any sane browser (I'm using Chrome) to block those…",{"id":124,"by":125,"text":126},"5167008","spellboots","Looks useful, but unfortunately doesn't work on sites that require https.",{"id":128,"by":129,"text":130},"5169939","holic","Awesome! Much needed. Though I'm seeing some requests blocked in Chrome (maybe AdBlock? or something else) when trying to use the bookmarklet on an HTTPS site.",{"value":132,"source":80,"evidence":133},"Does not work on some sites",[134],{"id":135,"by":136,"text":137},"5170938","Nowyouknow","Hi! This couldn't have come at a better time as this is something on my ToDo list. However the bookmarklet isn't working on my site. The URL is www.randomdailyness.com. Any…",{"value":139,"source":80,"evidence":140},"Only applies to body; no custom selector",[141,145],{"id":142,"by":143,"text":144},"5167059","technojunkie","This is pretty amazing! If only I could apply this to something other than body for a certain site, I'd be set!",{"id":146,"by":147,"text":148},"5168106","justjohn","You rock. This is crazy useful for trying out styles on stuff i'm building. I'd echo one of the suggestions here, there needs to be a way to apply to non-body elements.",[150,162,173,184],{"value":151,"source":80,"evidence":152},"Apply background to non-body elements or a CSS selector",[153,154,158],{"id":142,"by":143,"text":144},{"id":155,"by":156,"text":157},"5168357","ollysb","That's pretty sweet. Being able to give it a css selector though, now that would rock!",{"id":159,"by":160,"text":161},"5168163","robbles","Really handy tool, thanks! I second the suggestion of allowing the background to be applied to another element.",{"value":163,"source":80,"evidence":164},"Keyboard navigation and random button",[165,169],{"id":166,"by":167,"text":168},"5167255","BayAreaDev","I found it less usable than Subtle Patterns - reason is to switch to new background, I have to 'click', where as on Subtle Patterns I can scroll and see more backgrounds (given…",{"id":170,"by":171,"text":172},"5167149","mcintyre1994","This is great! Any chance of a random button to join next\u002Fprevious?",{"value":174,"source":80,"evidence":175},"Image manipulation such as blur or hue",[176,180],{"id":177,"by":178,"text":179},"5168492","bradsmithinc","Nice work Brad, This is really cool. Now I want to hook something like this up to an A\u002FB testing framework and see if I can improve site metrics simply by swapping out the…",{"id":181,"by":182,"text":183},"5168259","kijin","Yes, pixel noise can be annoying. But it can be easily removed with a couple of clicks in Photoshop. Even simply resizing the pattern to 50% (some of the patterns are HUGE, and…",{"value":185,"source":80,"evidence":186},"Preload image to avoid flash",[187],{"id":188,"by":189,"text":190},"5168132","Bockit","Thanks for sharing, this is cool. Is it possible to preload the image before applying the style? The flashes to what I think is the normal bg image and image loading progress…",[192],{"value":193,"source":80,"evidence":194},"What is planned for the future, more patterns or customization",[195],{"id":196,"by":197,"text":198},"5168756","jjm","Cool man! What in store for the future? More Patterns? Customizable anything?",[200],{"value":201,"source":80,"evidence":202},"Subtle Patterns website",[203,204],{"id":166,"by":167,"text":168},{"id":65,"by":66,"text":67},{"comments":206,"answered":18,"key":207},8,[208,209,212],{"id":54,"text":55},{"id":210,"text":211},"5167095","Thanks, I'll add this as an advanced option since I agree the default \"body\" selector doesn't always work.",{"id":213,"text":214},"5168143","Absolutely––this is high on the priority list.",{"commenters":216,"max_depth":45,"maker_replies":206,"first_comment_mins":217,"lifespan_hours":218},44,82,20,[220,222,224,225,227,229,231,235,236,238,239,242,244,245,249,251,252,256,260,264,265,269,270,273,275,277,278,280,282,284,285,288,291,295,297,299,301,306,308,312,314,318,322,324,328,329,332,336,340,343,347,351],[54,39,39,221,11,42],"maker\u002Fneutral\u002Fnone",[142,39,45,223,143,39],"project\u002Fmixed\u002Fexecution",[210,39,39,221,11,42],[100,39,46,226,101,39],"project\u002Fpositive\u002Fexecution",[188,39,45,228,189,39],"project\u002Fmixed\u002Fperformance",[213,39,39,230,11,42],"maker\u002Fneutral\u002Fperformance",[232,39,46,233,234,39],"5168245","project\u002Fpositive\u002Fidea","chrisbumgardner",[196,39,45,221,197,39],[120,39,42,237,121,39],"project\u002Fcritical\u002Fprivacy",[108,39,46,226,109,39],[240,39,45,221,241,39],"5169787","abcd_f",[243,39,39,221,11,42],"5170679",[128,39,45,223,129,39],[246,39,46,247,248,39],"5170918","project\u002Fpositive\u002Fnone","ChadNYC",[135,39,42,250,136,39],"project\u002Fcritical\u002Fexecution",[65,42,46,247,66,39],[253,42,39,254,255,39],"5169886","commenter\u002Fneutral\u002Fnone","rpwverheij",[257,18,45,258,259,39],"5167199","project\u002Fneutral\u002Fdesign","bhauer",[261,18,42,262,263,39],"5167456","project\u002Fcritical\u002Fdesign","dgreensp",[181,18,45,258,182,39],[266,45,39,267,268,39],"5167514","other\u002Fneutral\u002Fnone","lightyrs",[57,33,46,233,58,39],[271,46,42,250,272,39],"5167566","BadCookie",[83,46,45,274,84,39],"project\u002Fneutral\u002Fexecution",[177,276,46,233,178,39],6,[166,34,45,223,167,39],[279,34,39,221,11,42],"5167264",[281,34,45,221,167,39],"5167457",[159,206,45,283,160,39],"project\u002Fneutral\u002Fidea",[124,32,42,250,125,39],[286,32,39,287,11,42],"5167022","maker\u002Fneutral\u002Fexecution",[289,32,39,254,290,39],"5167246","vinothgopi",[292,293,46,247,294,39],"5170001",10,"pkorzeniewski",[170,296,45,283,171,39],11,[298,296,39,221,11,42],"5167218",[146,300,46,247,147,39],12,[302,303,46,304,305,39],"5167114",13,"maker\u002Fpositive\u002Fnone","benhebert",[307,303,39,221,11,42],"5167142",[309,310,46,233,311,39],"5167913",14,"jjjeffrey",[69,313,46,247,70,39],15,[315,316,42,262,317,39],"5168786",16,"spirit23",[319,320,46,247,321,39],"5167414",17,"dkhenry",[155,323,45,283,156,39],18,[325,326,46,247,327,39],"5168156",19,"potbota",[112,218,46,247,113,39],[330,31,46,247,331,39],"5169988","chinchang",[333,334,46,247,335,39],"5167846",22,"jarcoal",[337,338,42,250,339,39],"5167853",23,"thesadwol",[341,16,46,247,342,39],"5167768","josephjrobison",[344,345,46,247,346,39],"5167705",25,"n0mad01",[348,349,46,247,350,39],"5168094",26,"companyhen",[352,353,46,247,354,39],"5167013",27,"hydralist",[],[357,362,367,372,377,382],{"id":358,"name":359,"points":360,"category":361},"5168401","verifiedfacts.org",181,"other",{"id":363,"name":364,"points":365,"category":366},"5170182","Hacky",163,"consumer_social",{"id":368,"name":369,"points":370,"category":371},"5176630","Chime",161,"productivity",{"id":373,"name":374,"points":375,"category":376},"5150546","Zipline",157,"finance_crypto",{"id":378,"name":379,"points":380,"category":381},"5156813","Hipster Snake",156,"games",{"id":383,"name":384,"points":385,"category":371},"5154464","Socrates",121,false,"v2",{"id":389,"name":5,"line":6,"ai":386,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":390,"top":18,"kw":391,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":392,"url":9,"mix":393,"praise":96,"objection":117,"sub":21},5166346,0.38,[24,25,26,27],"0305051533515313513503310535555155553555",[31,32,33,34],1794036503863]