CSS Ecosystem

CSS Ecosystem

 

CSS Language & Interaction

[1996] CSS1 https://www.w3.org/TR/REC-CSS1/
[1999] CSS3 https://www.w3.org/TR/CSS/

 

CSS Preprocessors

[2006] Sass https://sass-lang.com/
[2009] LESS http://lesscss.org/
[2010] Sass (SCSS) https://sass-lang.com/
[2010] Stylus http://stylus-lang.com/

 

CSS Methodologies

[2009] OOCSS http://oocss.org/
[2011] SMACSS http://smacss.com/
[2012] BEM http://getbem.com/
[2013] ACSS https://acss.io/
[2016] ITCSS https://itcss.io/

 

CSS Frameworks

[2006] YUI https://yui.github.io/yui2/
[2011] Twitter Bootstrap https://getbootstrap.com/
[2011] Foundation https://foundation.zurb.com/
[2012] Pure CSS https://purecss.io/
[2013] Semantic UI https://semantic-ui.com/
[2013] Materialize CSS https://materializecss.com/
[2014] Tachyons https://tachyons.io/
[2015] Milligram https://milligram.io/
[2015] Bulma https://bulma.io/
[2015] UIKit https://getuikit.com/
[2017] Tailwind CSS https://tailwindcss.com/

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

JS Tools & CSS-in-JS

[2013] PostCSS

[2014] Autoprefixer

[2014] Browserslist

[2014] JSS

[2015] CSS Modules

[2016] Styled Components

[2017] Emotion

 

 

 

 

최신 추세 - 향후 더 바뀔수 있습니다.

On-demand Atomic CSS! [ 2021? 2022? 2023? ]

 

TailwindCSS는 미리 만들어둔 CSS만으로는 수치나 색상 입력에 한계가 있고, 이러한 부분들을 미리 설정을 해두는 방식으로는 한계가 있다는 지적을 받아왔습니다. 그래서 CSS를 미리 만들어 두는 방식이 아니라 AtomicCSS에 필요한 수치를 입력을 해두면 필요한 CSS를 자동으로 생성을 해두는 주문형(on-demand) Atomic CSS 패러다임으로 발전하고 있습니다.

 

그중  

UnoCSS

https://github.com/unocss/unocss

GitHub - unocss/unocss: The instant on-demand atomic CSS engine.

성장세가 주목해볼만 합니다.

 

 

 

현재 atomic css  에서 star 1위입니다.