adamwathan.me/css-utility-classes-and-separation-of-concerns

Preview meta tags from the adamwathan.me website.

Linked Hostnames

18

Thumbnail

Search Engine Appearance

Google

https://adamwathan.me/css-utility-classes-and-separation-of-concerns

CSS Utility Classes and "Separation of Concerns"

Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS." In this post I explain how I got to this point and share some of the lessons and insights I've picked up along the way.



Bing

CSS Utility Classes and "Separation of Concerns"

https://adamwathan.me/css-utility-classes-and-separation-of-concerns

Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS." In this post I explain how I got to this point and share some of the lessons and insights I've picked up along the way.



DuckDuckGo

https://adamwathan.me/css-utility-classes-and-separation-of-concerns

CSS Utility Classes and "Separation of Concerns"

Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS." In this post I explain how I got to this point and share some of the lessons and insights I've picked up along the way.

  • General Meta Tags

    4
    • title
      CSS Utility Classes and "Separation of Concerns"
    • charset
      utf-8
    • X-UA-Compatible
      IE=edge
    • viewport
      width=device-width, initial-scale=1

  • Twitter Meta Tags

    6
    • twitter:card
      summary
    • twitter:site
      @adamwathan
    • twitter:title
      CSS Utility Classes and "Separation of Concerns"
    • twitter:description
      Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS." In this post I explain how I got to this point and share some of the lessons and insights I've picked up along the way.
    • twitter:image
      https://tailwindcss.com/img/tailwind-square.png

  • Link Tags

    5
    • alternate
      /rss
    • stylesheet
      https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i
    • stylesheet
      //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
    • stylesheet
      /assets/build/css/main.css?id=d4c706995d48f1d04938
    • stylesheet
      //cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/atom-one-dark.min.css

Links

35