Show HN: Pattern.css – CSS-only library to fill empty background with patterns
1–10 of 50 posts
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#2Also see Hero Patterns: http://www.heropatterns.com by Steve Schoger.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#3Also see Hero Patterns: http://www.heropatterns.com by Steve Schoger.
Subtle Patterns [1] has been fairly popular throughout the years as well.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#4This is pretty cool. It’s reminds me of https://css-doodle.com/, which is a native web component with the same general goal. Iirc, it uses canvas under the hood.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#5Pretty neat project and great presentation, starred!
You could reduce the distributed CSS version even more if you used the gradient definition only once, it's always the same.
background-image: repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor), repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
.pattern-checks.xl {
background-position: 0 0, 100px 100px;
background-size: calc(2 * 100px) calc(2 * 100px);
}
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#6I always love seeing small, yet very valuable and informative projects on the front-page-- bravo!
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#7Like it says, I know it's still small, but I'd be tempted to extract just the rules I wanted. Very nice regardless.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#8Example site ( https://bansal.io/pattern-css ) misrendered in Vivaldi, which brings me back PTSD grade memories about the browser war and css bugs, implementation-diferences, etc. So let me ask, how is it possible on the almost completely monoculturized web, where is no Presto and almost no Trident anymore, where almost every browser is kind of chrome-isotope. So let me ask, maybe a web developer cn answer me: what is missing to be able to provide complete support forthe main browsers? Is there still prefixed css tags? OR is it so hard to handle differences between browsers/browser-versions? Doesn't CSS have any graceful fallback functionality for older browsers? Why is this phenomen exists today?
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#9Example site ( https://bansal.io/pattern-css ) misrendered in Vivaldi, which brings me back PTSD grade memories about the browser war and css bugs, implementation-diferences, etc. So let me ask, how is it possible on the almost completely monoculturized web, where is no Presto and almost no Trident anymore, where almost every browser is kind of chrome-isotope. So let me ask, maybe a web developer cn answer me: what i…
Is also not rendered correctly in Firefox 75 (Linux, PC)
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#10Example site ( https://bansal.io/pattern-css ) misrendered in Vivaldi, which brings me back PTSD grade memories about the browser war and css bugs, implementation-diferences, etc. So let me ask, how is it possible on the almost completely monoculturized web, where is no Presto and almost no Trident anymore, where almost every browser is kind of chrome-isotope. So let me ask, maybe a web developer cn answer me: what i…
Can you provide a screenshot?