Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Minding the gaps: A new way to draw separators in CSS

blogs.windows.com

Post reply on HN
Print view View original

71–80 of 99 posts

Re: Minding the gaps: A new way to draw separators in CSS

#71

Post by 1shooner »

cosmic_cheese wrote: post #67
IshKebab wrote: post #10

Earlier quoted context omitted.

It's absolutely crazy that the only way to get a native splitter in HTML is to use iframes.

Front end web isn’t my specialty, but I really don’t know why framesets were deprecated. Having resizable panes as a primitive is crazy useful and applicable to several use cases (documentation with a nested tree sidebar comes to mind, for example). Yeah they were ugly and looked like they came straight out of the Netscape 2.0 era (because they did) but that’s nothing CSS couldn’t have fixed.

I can't cite any sources, but I want to say it was a combination of security, state management, and responsive layout that were all a huge headache.

Re: Minding the gaps: A new way to draw separators in CSS

#72

Post by cosmic_cheese »

1shooner wrote: post #71
cosmic_cheese wrote: post #67

Earlier quoted context omitted.

Front end web isn’t my specialty, but I really don’t know why framesets were deprecated. Having resizable panes as a primitive is crazy useful and applicable to several use cases (documentation with a nested tree sidebar comes to mind, for example). Yeah they were ugly and looked like they came straight out of the Netscape 2.0 era (because they did) but that’s nothing CSS couldn’t have fixed.

I can't cite any sources, but I want to say it was a combination of security, state management, and responsive layout that were all a huge headache.

Sounds plausible, but most of those concerns have probably been addressed at this point between the leaps and bounds CSS has made with regards to layout, plus the security work that’s gone into iframes?

Re: Minding the gaps: A new way to draw separators in CSS

#73

Post by Eric_WVGG »

Sharlin wrote: post #24
moomin wrote: post #22

Earlier quoted context omitted.

I remember this argument from the 90s where large numbers of people were upset at having to learn the world "Font". What it came down to was, either you use the correct existing term, or you create a new term and end up with constant conflict between the two. These days everyone knows what a font is.

Funnily the word "font" is in fact now used in digital publishing for what is more properly called "typeface". In traditional typesetting "font" refers to one specific size, weight and style of a typeface. That is, Helvetica is a typeface, Helvetica Light Oblique 12pt is a font.

^ this

These days nobody knows what a font is.

Re: Minding the gaps: A new way to draw separators in CSS

#74

Post by setr »

pacifika wrote: post #12
krispyfi wrote: post #9

Earlier quoted context omitted.

> From Middle English reule, rewle, rule, borrowed from Old French riule, reule, from Latin regula (“straight stick, bar, ruler, pattern”), from regō (“to keep straight, direct, govern, rule”), ultimately from Proto-Indo-European h₃réǵeti (“to straighten; right”), from the root h₃reǵ-; see regent. Doublet of rail, regal, regula and rigol. https://en.m.wiktionary.org/wiki/rule#English

Thanks that's helpful to know they picked a valid term, but if I'd hold a no-context poll (unless I mention ruler) a significant number of people wouldn't know this.

Choosing terminology without context is probably a terrible idea in general; you’re basically forcing everything to fit that “describe complex topics like I’m a toddler” framework, which is terribly inefficient for any non-novice practitioner in the subject.

The more important aspect is that, within the context, it’s internally consistent. If I bother to learn my terms, I’ll be able to utilize it functionally. And of course, that the term can actually be explained

Re: Minding the gaps: A new way to draw separators in CSS

#75

Post by autoexec »

cosmic_cheese wrote: post #67
IshKebab wrote: post #10

Earlier quoted context omitted.

It's absolutely crazy that the only way to get a native splitter in HTML is to use iframes.

Front end web isn’t my specialty, but I really don’t know why framesets were deprecated. Having resizable panes as a primitive is crazy useful and applicable to several use cases (documentation with a nested tree sidebar comes to mind, for example). Yeah they were ugly and looked like they came straight out of the Netscape 2.0 era (because they did) but that’s nothing CSS couldn’t have fixed.

Frames and tables were awesome, useful, and simple to learn. While they had their problems, really they just became unfashionable and the result has been a million efforts to replicate what we already had.

Re: Minding the gaps: A new way to draw separators in CSS

#77

Post by interstice »

silvestrov wrote: post #15

I would create new pseudo elements: .container:gap { background-color: red; } This will allow for more fancy backgrounds (e.g. dotted or gradients) and using { padding: 2px } to set whitespace at ends of the seperator. Possible with a :gap-horz and :gap-vert (or whatever css like to name it) to get seperate vertical and horizontal gaps. Also: .container:gap:nth-gap(2n) { color: blue; } to get alternating colors.

Came here to say this too, the flexibility of having something like :after would mean not having to consider all the potential ways people are going to want to use this.

Not sure about content: though, that could get weird.

Re: Minding the gaps: A new way to draw separators in CSS

#78

Post by rhet0rica »

silvestrov wrote: post #15

I would create new pseudo elements: .container:gap { background-color: red; } This will allow for more fancy backgrounds (e.g. dotted or gradients) and using { padding: 2px } to set whitespace at ends of the seperator. Possible with a :gap-horz and :gap-vert (or whatever css like to name it) to get seperate vertical and horizontal gaps. Also: .container:gap:nth-gap(2n) { color: blue; } to get alternating colors.

Isn't it (technically, officially) two colons for a pseudo-element? ::gap instead of :gap.

Re: Minding the gaps: A new way to draw separators in CSS

#80

Post by yurishimo »

hirako2000 wrote: post #76

Edge is still a thing apparently.

Edge actually has some super smart engineers working on it. I'm still not going to use it, but Microsoft is committing resources to advancing web standards and performance in a meaningful way. They contribute upstream and advocate very openly for web performance.
Post reply on HN