（评论）

（评论）
(comments)

原始链接: https://news.ycombinator.com/item?id=41490147

2014 年，一位产品经理创建了一个独特的图形图案集合，称为“透明纹理”。他们开发它并不是为了编码，而是为了向未来的雇主展示他们的能力。尽管部分损坏，该网站仍然活跃，因为它的实用性和对直接链接到它的其他网站的依赖。这些模式可以在 CC-BY-3.0 许可下免费使用，需要正确的归属。但是，如果该网站变得非常不安全或归因链接失效，它将被关闭。用户对该网站表示赞赏，称其提供了与已停业的 Webtreats 类似的宝贵设计资源。一个建议是将这些模式移至 GitHub 或类似的平台，允许其他人维护、分叉和改进该集合。为了防止与可能导致恶意网站的外部链接相关的问题，用户建议通过 Wayback Machine 显示链接网站的存档版本。此外，一些用户会注意到图案中特定的颜色变化，观察 RGB 值（例如 00d000 和 0000d0）之间的差异，这些值根据图案设计而呈现不同。渐变背景测试显示不同的结果，具体取决于所使用的特定纹理。总体而言，透明纹理网站为寻找高质量图形元素的网页设计师提供了有用且富有创意的资源。

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.

> 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.

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.

> 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.

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.

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.

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!

I just replied to another one of your comments. This one also feels like an LLM. Your comments are so different from eachother when I go to your profile; some are like “ya me too bud” and some are so extremely chatgpt like, such as this one…

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.

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.

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.

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).

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.

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.

（评论） (comments)

（评论）
(comments)