TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Pick a better background pattern for your website

347 pointsby Jasberover 12 years ago

28 comments

Jasberover 12 years ago
This is a little bookmarklet I built that lets you preview the great patterns from <a href="http://subtlepatterns.com" rel="nofollow">http://subtlepatterns.com</a> directly on your website.<p>Feedback and comments welcome :)
评论 #5169787 未加载
评论 #5167059 未加载
评论 #5168825 未加载
评论 #5168132 未加载
评论 #5168245 未加载
评论 #5170938 未加载
评论 #5169939 未加载
评论 #5168032 未加载
评论 #5168756 未加载
评论 #5170918 未加载
评论 #5169122 未加载
jawnsover 12 years ago
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 background MUCH faster. Thanks so much!
评论 #5169886 未加载
bhauerover 12 years ago
I applaud the work and appreciate what you and the Subtlepatterns guys are doing. Thank you!<p>I do have a plea to users of some of these backgrounds. Perhaps I am a tinge obsessive compulsive, but the backgrounds that include uneven specks always make me think I have dust on my monitor that I need to wipe off. So when making a selection, might I ask you to choose a regular pattern rather than ones that are intended to look like spotty paper fiber? That is, of course, unless you are a paper products company. :)
评论 #5167456 未加载
lightyrsover 12 years ago
This is really useful, thank you!<p>I built this tool to test out Adobe webfonts. I'd like to convert it into a bookmarklet like you did here. Thanks for the inspiration!<p><a href="http://harrisnovick.com/cygni" rel="nofollow">http://harrisnovick.com/cygni</a> (move mouse to left browser edge for menu).
timrogersover 12 years ago
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. This will definitely encourage me to actually experiment!
BadCookieover 12 years ago
Just FYI, the "try it now" feature jumps you to the top of the page every time you click on the next/previous buttons. (You might not be handling the click event correctly.) Otherwise, I like it!
评论 #5168841 未加载
bradsmithincover 12 years ago
Nice work Brad, This is really cool. Now I want to hook something like this up to an A/B testing framework and see if I can improve site metrics simply by swapping out the background. Adding some basic image manipulation (hue, saturation, blur, etc) on top of the patterns would be nice to, as I imagine that how most people use that resource.
BayAreaDevover 12 years ago
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 that it shows me only the rectangle of background instead of full site background).<p>If there is a way you can make it keyboard friendly, it would be great.
评论 #5167264 未加载
robblesover 12 years ago
Really handy tool, thanks! I second the suggestion of allowing the background to be applied to another element.
spellbootsover 12 years ago
Looks useful, but unfortunately doesn't work on sites that require https.
评论 #5167022 未加载
评论 #5167246 未加载
pkorzeniewskiover 12 years ago
Great stuff, I love SubtlePatterns and use it quite often but usually it takes some time to try several patterns and find the right one, so this bookmarklet surely will come in handy :)
mcintyre1994over 12 years ago
This is great! Any chance of a random button to join next/previous?
评论 #5167218 未加载
justjohnover 12 years ago
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.
benhebertover 12 years ago
I've been using subtlepatterns for a while now and have to say that you guys rock. Thank you for creating something awesome for the internet.
评论 #5167142 未加载
jjjeffreyover 12 years ago
I'm going to try using this next time I find a web site that I can't read because the background and foreground mix together.
ngokevinover 12 years ago
Sick! Picking SubtlePattern backgrounds has always been a tedious process, will be using this across all my stuff.
spirit23over 12 years ago
Can't find a close button to hide the dialog box after clicking the bookmarked subblepatterns button
dkhenryover 12 years ago
Really neat Bookmark. Commenting on this as a way of keeping my eye on it for later tonight.
ollysbover 12 years ago
That's pretty sweet. Being able to give it a css selector though, now that would rock!
potbotaover 12 years ago
This is great, thanks for making it! Definitely will save me time.
mieubrisseover 12 years ago
Love it! The perfect combination of simple and helpful.
chinchangover 12 years ago
You'll make lot of lives easier :)
jarcoalover 12 years ago
So useful! Thank you so much.
thesadwolover 12 years ago
subtlepatterns.com doesn't seem to be loading the css?
josephjrobisonover 12 years ago
This is perfect.
n0mad01over 12 years ago
this is awesome
companyhenover 12 years ago
Swag.
hydralistover 12 years ago
having recently created a blog i was looking to test various backgrounds. i'll play around with it, cheers