3 ms·

I don't want to sound cocky but why is this even fascinating? Literally CSS Basics 101 and the first thing to learn about boxes and grids.

rocky1138 5y ago
Many people learned CSS before these functions were available. So, it's a newer, simpler way of doing something known.
- system2 5y ago
  If someone is using CSS for living, they must know these basics as they come out. Also, browser compatibility is a thing.
  - mankyd 5y ago
    As someone who used to live and breath css, but has been out of web development for about 6 years now, I find info like this awesome.
  - mankyd 5y ago
    As someone who used to live and breath css, but has been out of web development for about 6 years now, I find info like this awesome.
    - system2 5y ago
      CSS display: grid existed since 2007, flex since 2009. If people are not using box model with CSS, I wonder how they are using it. Box model of CSS is "hello world" of python. I said I didn't mean to be cocky. It just makes me think people don't even touch CSS because if I publish an article saying "this is how you print hello world in C" people wouldn't care.
      - oneeyedpigeon 5y ago
        But none of this is about the box model.
        system2 5y ago
        Tell that to people who use margin and padding to align objects in CSS.
      - strenholme 5y ago
        Between 2007 and 2009, Internet Explorer 6 was still a thing. It was incredibly daring on YouTube’s part to put up a “Internet Explorer is deprecated” banner back in 2009; it had to be done without official approval. [1] In 2011, “display: table” was cutting edge; we finally had few enough IE6 and IE7 users that it was practical to pull off, albeit with “” hacks. I still had to deal with IE-specific bugs like the fact webfonts didn’t work in IE8 when put in an IFRAME — but did work in IE9 when rendering in IE8 mode. This wasn’t limited to IE: Safari had a bug where you couldn’t legibly print a page with webfonts on them, requiring a Safari-specific hack to disable webfonts in the print CSS. Professional web developers were not using stuff like “display: flex” or “display: grid” in production until the late 2010s, when Edge and Chrome was finally reducing the number of Internet Explorer uses to a sane level. [1] https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6 https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6
      - dmitriid 5y ago
        > grid existed since 2007, flex since 2009. These two only existed theoretically. For anyone actually earning a living with the frontend they didn't exist because: - grid kinda existed in IE, but not in other browsers. Well, you could build a site that only targeted IE, but in 2007 this was already being really frowned upon and out of vogue. When grid was finalized, it was a different version of the spec, not entirey compatible with IE's. Chrome and Firefox only got grid in 2017. - flex was only partially supported by browsers until 2012 when it was fully supported, but behind a prefix. Full support without a prefix only appeared in 2013. I mean, I love the fantasy world you have constructed, but there are people who actualy do frontend and do actually remember the anciaent histroy of checks notes the past 10 years or so
  - dmitriid 5y ago
    There's a great spectrum of people between "using CSS for living" and "has never touched web development at all". So yes. This is useful to significantly more people than you imagine.
    - system2 5y ago
      Well, there is a response above you to my reply, he is saying he never used display grid or flex and used CSS for living.
      - dmitriid 5y ago
        He said, literally, "used to live and breath css, but has been out of web development for about 6 years now" I added emphasis so you don't twist other people's words in the future.
        system2 5y ago
        Thanks for the emphasis then.
wvh 5y ago
Because some of us started out in the nineties and like to get a quick update on what is possible in case we need it somewhere and web design isn't our main responsibility. In fact, the single most important resource I wish for of this kind, would be a reference page that shows all common layouts and tech-stack agnostic examples of popups, overlays, off-canvas sidebars and such using the most up-to-date implementation so we wouldn't have to include a huge CSS framework for something that's a few lines of modern CSS supported by evergreen browsers.
krsdcbl 5y ago
This is one of the places where you can learn it, us having existing knowledge does not mean teaching materials are useless

rocky1138 5y ago

Many people learned CSS before these functions were available. So, it's a newer, simpler way of doing something known.

system2 5y ago
If someone is using CSS for living, they must know these basics as they come out. Also, browser compatibility is a thing.
- mankyd 5y ago
  As someone who used to live and breath css, but has been out of web development for about 6 years now, I find info like this awesome.
- mankyd 5y ago
  As someone who used to live and breath css, but has been out of web development for about 6 years now, I find info like this awesome.
  - system2 5y ago
    CSS display: grid existed since 2007, flex since 2009. If people are not using box model with CSS, I wonder how they are using it. Box model of CSS is "hello world" of python. I said I didn't mean to be cocky. It just makes me think people don't even touch CSS because if I publish an article saying "this is how you print hello world in C" people wouldn't care.
    - oneeyedpigeon 5y ago
      But none of this is about the box model.
      - system2 5y ago
        Tell that to people who use margin and padding to align objects in CSS.
    - strenholme 5y ago
      Between 2007 and 2009, Internet Explorer 6 was still a thing. It was incredibly daring on YouTube’s part to put up a “Internet Explorer is deprecated” banner back in 2009; it had to be done without official approval. [1] In 2011, “display: table” was cutting edge; we finally had few enough IE6 and IE7 users that it was practical to pull off, albeit with “” hacks. I still had to deal with IE-specific bugs like the fact webfonts didn’t work in IE8 when put in an IFRAME — but did work in IE9 when rendering in IE8 mode. This wasn’t limited to IE: Safari had a bug where you couldn’t legibly print a page with webfonts on them, requiring a Safari-specific hack to disable webfonts in the print CSS. Professional web developers were not using stuff like “display: flex” or “display: grid” in production until the late 2010s, when Edge and Chrome was finally reducing the number of Internet Explorer uses to a sane level. [1] https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6 https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6
    - dmitriid 5y ago
      > grid existed since 2007, flex since 2009. These two only existed theoretically. For anyone actually earning a living with the frontend they didn't exist because: - grid kinda existed in IE, but not in other browsers. Well, you could build a site that only targeted IE, but in 2007 this was already being really frowned upon and out of vogue. When grid was finalized, it was a different version of the spec, not entirey compatible with IE's. Chrome and Firefox only got grid in 2017. - flex was only partially supported by browsers until 2012 when it was fully supported, but behind a prefix. Full support without a prefix only appeared in 2013. I mean, I love the fantasy world you have constructed, but there are people who actualy do frontend and do actually remember the anciaent histroy of checks notes the past 10 years or so
- dmitriid 5y ago
  There's a great spectrum of people between "using CSS for living" and "has never touched web development at all". So yes. This is useful to significantly more people than you imagine.
  - system2 5y ago
    Well, there is a response above you to my reply, he is saying he never used display grid or flex and used CSS for living.
    - dmitriid 5y ago
      He said, literally, "used to live and breath css, but has been out of web development for about 6 years now" I added emphasis so you don't twist other people's words in the future.
      - system2 5y ago
        Thanks for the emphasis then.

wvh 5y ago

Because some of us started out in the nineties and like to get a quick update on what is possible in case we need it somewhere and web design isn't our main responsibility. In fact, the single most important resource I wish for of this kind, would be a reference page that shows all common layouts and tech-stack agnostic examples of popups, overlays, off-canvas sidebars and such using the most up-to-date implementation so we wouldn't have to include a huge CSS framework for something that's a few lines of modern CSS supported by evergreen browsers.

krsdcbl 5y ago

This is one of the places where you can learn it, us having existing knowledge does not mean teaching materials are useless