Thanks for the patterns, they look great! Some have commented about the usability of the sidebar / js autoscroll, which could be improved—but it is functional and am I gonna use this as my homepage or am I gonna configure this into my project one time when I need it?! ... jeesh, lighten up.
Show HN: Pattern.css – CSS-only library to fill empty background with patterns
31–40 of 50 posts
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#32Example 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…
As a user, I'm all for browser choice in the abstract: it sounds like a good thing, but it doesn't often deliver me tangible benefits in usability, performance, etc. (And, to wit, the only real exceptions are when large organizations bankroll extensive browser development teams.) As a developer: even with several browsers converging on the same renderer and JS runtime, it is _still untrue_ that all things work in all…
As another developer: stop being lazy. It was much worse back in the day in terms of browser differences.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#33reminds me of the 'ol stripe generators, that were big in the early 2000s
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#34The website https://bansal.io/pattern-css was clearly produced on a platform with overlay scrollbars. There are a number of horizontal scrollbars that shouldn’t be there. .overflow-scroll { overflow: scroll !important; } `overflow: scroll` is pretty much never what you want: it draws scrollbars whether needed or not. You want `overflow: auto` instead, which doesn’t draw scrollbars unless necessary. .w-100vw { width:…
Not to mention smooth scroll which takes definitely too much time to scroll for no good reason.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#35Example 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…
As a user, I'm all for browser choice in the abstract: it sounds like a good thing, but it doesn't often deliver me tangible benefits in usability, performance, etc. (And, to wit, the only real exceptions are when large organizations bankroll extensive browser development teams.) As a developer: even with several browsers converging on the same renderer and JS runtime, it is _still untrue_ that all things work in all…
Mono culture provides an average or worse UX experience but the sameness element hits many humans subconsciously.
The JS problem was solved with jQuery.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#36The website https://bansal.io/pattern-css was clearly produced on a platform with overlay scrollbars. There are a number of horizontal scrollbars that shouldn’t be there. .overflow-scroll { overflow: scroll !important; } `overflow: scroll` is pretty much never what you want: it draws scrollbars whether needed or not. You want `overflow: auto` instead, which doesn’t draw scrollbars unless necessary. .w-100vw { width:…
> Viewport units are fundamentally broken by design. Don’t ever use them for layout. In fact I recommend against using them in any situation at all. That's a pretty bold claim. Can you elaborate on that?
It's not that bad... it's just scrollbars and mobile where things get messy.
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#37This is very cool. I'd like to include this library in the website builder we've built for Webase [1]. We currently have a color background and an image background but these patterns would make it easy for non-coders to add some panache!
Thank you for sharing!
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#38Earlier quoted context omitted.
> Viewport units are fundamentally broken by design. Don’t ever use them for layout. In fact I recommend against using them in any situation at all. That's a pretty bold claim. Can you elaborate on that?
Some comments I’ve made here on the topic: https://news.ycombinator.com/item?id=21244656 https://news.ycombinator.com/item?id=20956850 The currently-implemented viewport units are just fundamentally bad . And I’ve only been talking about the badness of vw; vh has further troubles of its own on mobile.
What was Firefox's former behavior for viewport unit handling that other browsers didn't want to go with?
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#39Hm, the diagonal lines are rendering quite badly for me (randomly jagged edges). Anyone else seeing this? (I'm on Linux, FF75)
Re: Show HN: Pattern.css – CSS-only library to fill empty background with patterns
#40Earlier quoted context omitted.
> Viewport units are fundamentally broken by design. Don’t ever use them for layout. In fact I recommend against using them in any situation at all. That's a pretty bold claim. Can you elaborate on that?
It's not that bad... it's just scrollbars and mobile where things get messy.
Worse than that. Different browsers and different platforms handle scroll bars differently. Some are hidden until hovered and some have width and some don't some only have width when hovered. It's really awful if you're trying to do something with several scrolling columns