return to table of content

Transparenttextures.com

mikehearn
13 replies
19h42m

It's extremely weird to see this site on HN! I built this site in 2014 -- and haven't touched it since. I wasn't a developer then, I was a product manager, and this was a "look, hiring managers, I can build things" side project (it worked, I've been a dev since 2016).

Despite being about 40% broken I keep the site up because it's still reasonably functional and there are a surprising amount of sites that now depend on having hotlinked the patterns directly from this domain. If it ever degrades to the point of being actively dangerous (and the attribution link rot is pretty close), I'll shut it down. Until then, it's a fun relic from the internet of a decade ago.

Just to answer a question upthread (and I 100% agree this should be on the website), the patterns are all CC-BY-3.0, meaning it just requires attribution and any pattern can be used for free.

codetrotter
6 replies
19h21m

If it ever degrades to the point of being actively dangerous (and the attribution link rot is pretty close), I'll shut it down.

To avoid the problem of linked domains leading to malware or things like that, you might consider linking to archived snapshots on Wayback Machine of the links instead of the real pages, for those sites that are now no longer hosting what they used to.

rollcat
3 replies
9h38m

Please don't ever treat archive.org as a free CDN, they are a public library in need of your support, not free hosting for your side-project. There are enough free resources (e.g. Github Pages, Netlify, Cloudflare...) that are better suited for this task.

choudharism
2 replies
8h13m

They're talking about link rot, not hosting for the website itself.

codetrotter
1 replies
3h20m

Exactly.

rollcat
0 replies
2h31m

I think I actually meant to reply to dreadlordbone's comment, where they implied image hotlinking - "it loads slower" because archive.org is not a CDN.

dreadlordbone
1 replies
19h17m

i bet those load times would be very bad

codetrotter
0 replies
18h19m

Well that'd be ok. We are talking about the a href text links, not about hot-linking the images themselves.

lovegrenoble
0 replies
18h41m

Nice work!

keyle
0 replies
14h44m

Good fun, please add wallpapers up to 4K!

jonshariat
0 replies
18h19m

I remember using this back then for fun projects. So cool to see it again here and your comment! Thanks for the site!

eternityforest
0 replies
16h44m

Could the whole thing be open sourced and moved to Github pages so it can be forked and maintained? This is an amazing resource on par with the defunct Webtreats.etc that was never properly archived as far as I know outside of Wayback(Kinda).

I could even see this whole thing just being packaged into finished projects, to allow user or admin-selectable themes, especially with the new CSS features.

Assuming the CC-BY requirements are met using just the data that's available, this still has a lot of potential.

dspillett
0 replies
6h57m

> If it ever degrades to the point of being actively dangerous (and the attribution link rot is pretty close), I'll shut it down.

If you do shut it down, and safety is a concern, I would keep the domain going for a while with an “it is all gone…” message, otherwise as soon as it expires it'll be replaced by something less safe. Usually this will be a standard “domain for sale” page with a pile of trackers, but as this domain has hit the front page of HN today I expect several bots have just scraped the content so if they get the domain they can shove it back up with ads & trackers.

Or if you want it to survive but don't have time to clean up the rot, maybe do as someone else suggested and put in on GitHub, so others can fork & fix it, and replace the site at the current domain with a link to that so anyone following a link to the current domain can find the remnants and any forks. And if a particularly well maintained fork does turn up, perhaps link directly to that too.

Mizza
0 replies
7h58m

That's awesome, I used your project dozens of times, it was always my first stop whenever I needed some funk for a project page. Thanks so much!

unsnap_biceps
3 replies
22h46m

I can't seem to find licensing info on the textures. Where can I use them legally?

Aeolun
1 replies
20h43m

I think this website has been around long enough it probably comes from the ‘everything on the internet is free’ era.

gmiller123456
0 replies
20h0m

Sadly, today that often interprets to: someone bought (or just claims to have) the rights and now makes a living suing people for using it. If you plan to use it for anything serious, it's worth the effort to find something with an actual license.

sbussard
1 replies
22h24m

This is cool! I’d be interested in seeing how much of this could be accomplished with svg or raw css

lmlp
1 replies
11h7m

'Transparent' how?

hrkucuk
0 replies
10h50m

I had the same question at first. Upon downloading and inspecting the PNG file, you will notice that it actually has an alpha channel. This allows us to give it any color we want easily by giving a background color property in CSS. That could still be achieved however, if it wasn't transparent, by playing with the Hue value.

geon
1 replies
21h22m

A transparent noise texture plus css blur on the background makes a really nice frosted glass effect.

albert_e
0 replies
7h37m

By any chance are you able to point to any examples ..this sounds interesting and I may want to use this technique in my next project. Thanks.

armchairhacker
1 replies
20h26m

I wonder how they look with a gradient background

codetrotter
0 replies
18h21m

Here's what that list of transparent textures looks like on a gradient background:

https://web.archive.org/web/20240912000631/https://jade-deni... (slower to load, but better to view on a big monitor.)

https://archive.is/tvcvt (faster to load, but not full width.)

I threw it together quickly. So some of the patterns may be a bit difficult to judge when seen using the size of the preview boxes in my grid. But some of them look surprisingly good on this particular gradient and preview size. Also, this little page with the gradient background is best viewed on desktop rather than mobile.

Unlike the original Transparent Textures website this page does not give you any tools to play around with background, and unlike the original site does not let you click the individual patterns to swap the background. That's intentional – I only wanted to quickly see what the patterns looked like on a gradient background. Not to step on the toes of the creator of the website.

tedunangst
0 replies
15h10m

Just an observation, some colors completely wash out before others. Like 00d000 is solid green, but 0000d0 is a nicely shaded blue for many patterns. But depends on pattern (looking at bright squares).

supercoffee
0 replies
20h12m

A lot of the attribution links on this site lead to shady domain squatting sites, or sites that appear to be hosting malware.

m-hodges
0 replies
1h45m

Reminds me of the old subtlepatterns dot com

kmoser
0 replies
22h17m

Cool, but how do you create your own patterns? I was hoping for an editor that let me create my own.

keyboardcaper
0 replies
21h39m

Wow, I remember using this 10 years ago.

Reptur
0 replies
14h17m

Would have totally used these back in the Tripod hosting days of the 90s. Cool.

2four2
0 replies
14h30m

Oh wow, I'm really glad your side project has given people so much value over these years! Deep inside, I feel like stuff like this is what the Internet was really for.