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

CSS Container Queries in Web Components

mxb.dev

Post reply on HN
Print view View original

1–10 of 78 posts

Re: CSS Container Queries in Web Components

#3

Post by FriedrichN »

tuxie_ wrote: post #2

I've picked up css after ~5 years and I can't believe how far it's come. Flexbox, grid, `clamp()`, content queries, etc. It's a complete different experience now compared to the days of css hacks.

Every time I hear someone complain about CSS I just know they've never used it in the IE6/7 days. Good lord, the amount of hacks, shims, fallbacks, polyfill, obscure stuff you had to do to make it work in IE6, IE7, and my absolute favourite(!) the IE7 compatibility mode which was like IE6 but not quite!

Ever since the wide adoption of stuff like flexbox and grid I haven't dared to complain about not getting stuff to work.

Re: CSS Container Queries in Web Components

#5

Post by ______- »

> Each of these books is a custom element, or “web component”.

I always wondered about custom 'web components'. Is it safe to do something like this? -->

        
    
    red{color:red}

    

    I should be red
It works in latest Firefox. It feels weird being able to create arbitrary custom elements like that!

Re: CSS Container Queries in Web Components

#6

Post by taf2 »

FriedrichN wrote: post #3
tuxie_ wrote: post #2

I've picked up css after ~5 years and I can't believe how far it's come. Flexbox, grid, `clamp()`, content queries, etc. It's a complete different experience now compared to the days of css hacks.

Every time I hear someone complain about CSS I just know they've never used it in the IE6/7 days. Good lord, the amount of hacks, shims, fallbacks, polyfill, obscure stuff you had to do to make it work in IE6, IE7, and my absolute favourite(!) the IE7 compatibility mode which was like IE6 but not quite! Ever since the wide adoption of stuff like flexbox and grid I haven't dared to complain about not getting stuff to…

zoom:1;float:right;

There it’s fixed

Re: CSS Container Queries in Web Components

#7

Post by dqv »

______- wrote: post #5

> Each of these books is a custom element, or “web component”. I always wondered about custom 'web components'. Is it safe to do something like this? --> red{color:red} I should be red It works in latest Firefox. It feels weird being able to create arbitrary custom elements like that!

IIRC that's a Firefox quirk and doesn't work in every browser.

Re: CSS Container Queries in Web Components

#8

Post by deanclatworthy »

FriedrichN wrote: post #3
tuxie_ wrote: post #2

I've picked up css after ~5 years and I can't believe how far it's come. Flexbox, grid, `clamp()`, content queries, etc. It's a complete different experience now compared to the days of css hacks.

Every time I hear someone complain about CSS I just know they've never used it in the IE6/7 days. Good lord, the amount of hacks, shims, fallbacks, polyfill, obscure stuff you had to do to make it work in IE6, IE7, and my absolute favourite(!) the IE7 compatibility mode which was like IE6 but not quite! Ever since the wide adoption of stuff like flexbox and grid I haven't dared to complain about not getting stuff to…

Ah you young ones only supporting IE6. I still have trauma from supporting IE5!

Re: CSS Container Queries in Web Components

#10

Post by ______- »

dqv wrote: post #7
______- wrote: post #5

> Each of these books is a custom element, or “web component”. I always wondered about custom 'web components'. Is it safe to do something like this? --> red{color:red} I should be red It works in latest Firefox. It feels weird being able to create arbitrary custom elements like that!

IIRC that's a Firefox quirk and doesn't work in every browser.

Do you know what the quirk is called? Is there a blogpost detailing this strange method? Is there any mention of it in the web standards sites?
Post reply on HN