40
Modern CSS Code Snippets: Stop writing CSS like it's 2015 (modern-css.com)
submitted 8 months ago by to c/css@programming.dev
8 comments fedilink hide all child comments
 

Comments

all 8 comments

sorted by: hot top controversial new old
[–] 5 points 8 months ago

thanks, this is the stuff I keep my programming.dev account for

  • permalink
  • fedilink
  • source
    •
    [–] 5 points 8 months ago (4 children)

    Since CSS has changed so much that there are old and new ways of doing things, maybe they should have changed version numbers.

  • permalink
  • fedilink
  • source
  • hideshow 4 child comments
    •
  • [–] 3 points 8 months ago (2 children)

    Yeh, we need c++ss

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 2 child comments
    •
  • [–] 3 points 8 months ago 
    div.mydiv {
  template <Variable mycolor> 
  requires std::is_named_color<mycolor> || is_function_color<mycolor> || is_hexa<mycolor>
  mydiv& background-color: mycolor 
  noexcept( noexcept( background-color: mycolor) || !std::is_IE6 )
  --> decltype (css_declaration<property>)
  ;
}
  • permalink
  • fedilink
  • source
  • parent
  • [–] 2 points 8 months ago

    To what end? What would you expect version numbers to do? How would you specify or use them, which what consequences?

    Grouping changes into releases with explicit numbering instead of a living standard with generic @supports checks?

    I guess it would make some things easier and more obvious.

  • permalink
  • fedilink
  • source
  • parent
    • [–] 1 point 8 months ago (1 child)

    Do I wanna bet how many of these “““modern””” snippets are Chrome-exclusive?

  • permalink
  • fedilink
  • source
  • hideshow 1 child comment
    •
  • [–] 9 points 8 months ago

    Each snippet clearly states which browsers+version supports it (as well as a general year if all major browsers support it). At a quick glance, with the exception of trying to find an unsupported on Firefox snippet, everything seemed supported by all major browsers.

  • permalink
  • fedilink
  • source
  • parent