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.

Hero Patterns – A collection of SVG background patterns for your web projects

279 pointsby marvinpintoover 8 years ago

9 comments

mythzover 8 years ago
Same UI designer is giving away quality SVG icons as well: <a href="http:&#x2F;&#x2F;www.zondicons.com&#x2F;icons.html" rel="nofollow">http:&#x2F;&#x2F;www.zondicons.com&#x2F;icons.html</a>
评论 #13678123 未加载
trishumeover 8 years ago
I wonder how different browsers rasterize tiling SVG backgrounds. Ideally they should rasterize it once to a buffer and then just blit it a bunch of times. But if any browser tries to rasterize it every repetition that&#x27;s a ton of vector drawing for some of those patterns and it may be hella slow on some device&#x2F;browser combinations.<p>It&#x27;s not immediately clear that they would do the smart thing because most times SVGs are rendered only once so you would want to render it directly. It&#x27;s only tiling backgrounds where this optimization makes sense. But I think as a consequence of it being treated as an image in CSS rather than a DOM SVG element it&#x27;s quite likely most browsers do render it to a buffer first, not as an optimization but just because they treat rasterizing an SVG just like decoding a PNG.<p>If nobody has noticed these being super slow I guess browsers are doing the smart thing.
评论 #13677985 未加载
rejschaapover 8 years ago
Cool project. Did you consider adding a scale&#x2F;zoom control? I think it would be a nice feature.
评论 #13678490 未加载
评论 #13680328 未加载
codeisawesomeover 8 years ago
I can&#x27;t explain why I absolutely love the <i>titles</i> of the patterns. They&#x27;re deliciously predictable, but just slightly unpredictable.
stanislavbover 8 years ago
Nice work. I will definitely use this website.
Gracanaover 8 years ago
Note that some high frequency patterns cause horrible flashes and flickers when scrolling (or sometimes even when stationary) on some LCD monitors.
pen2lover 8 years ago
Small suggestion: make the patterns bigger. Not many people do that, but it can give pretty good results every now and then
评论 #13678261 未加载
huulaover 8 years ago
Great work! Is it ok for commercial use?
评论 #13678436 未加载
mshenfieldover 8 years ago
Cool to see something built with Vue.js