콘텐츠로 건너뛰기

라이브러리 및 도구

CSS의 새로운 기능으로 인해 많은 기능이 가능해졌음에도 불구하고, 개발자들은 여전히 작업 효율 향상을 위해 도구와 라이브러리에 의존하고 있습니다.

CSS Frameworks

CSS 프레임워크 및 UI 라이브러리 중에서 Tailwind CSS는 여전히 다른 전통적인 경쟁자를 멀찍이 앞서가며 자신의 길을 개척하고 있습니다.

0%
15%
30%
45%
60%
75%
1

3,657
2

2,623
3

646
4

614
5

446
6

362
7

286
8

272
9

260
10

0%
15%
30%
45%
60%
75%
% of question respondents
Which CSS frameworks do you use?

CSS-in-JS의 매력 중 일부는 변수와 같은 새로운 CSS 기능으로 인해 없어졌을지 모르지만, 최근에 도입된 타입 스타일과 빌드 타임 컴파일과 같은 혁신은 여전히 많은 가능성을 보여주고 있습니다.

0%
12%
24%
37%
49%
61%
1

2,113
2

2,043
3

876
4

675
5

235
6

210
7

146
8

143
9

98
10

52
0%
12%
24%
37%
49%
61%
% of question respondents
Which CSS-in-JS libraries do you use?
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청했습니다.

2024년 나의 선택: @property의 폭넓은 사용 가능성

아마도 올해 Firefox에 @property 지원이 추가되어 이 기능이 모든 브라우저에서 사용 가능해진 점을 언급할 것 같습니다. 이로 인해 많은 멋진 기능이 가능해졌습니다 (7월부터 지원 시작).ocking a lot of cool stuff.
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청했습니다.

Pre-/Post-processors

Sass/SCSS가 여전히 이 분야의 선두를 지키고 있지만, 이제 많은 주요 기능이 CSS 자체에 흡수됨에 따라 그 사용이 안정적으로 유지될지 주목할 필요가 있습니다.

0%
13%
27%
40%
54%
67%
1

4,652
2

2,622
3

722
4

168
5

6

🚫 해당사항 없음

1,320
7

Other Answers

29
0%
13%
27%
40%
54%
67%
% of question respondents
Which pre- or post-processors do you regularly use?

CSS 코드를 원하는 대로 형식화, 최소화 및 수정할 수 있는 방법은 무수히 많습니다.

0%
16%
31%
47%
62%
78%
1

5,175
2

2,691
3

2,199
4

854
5

729
6

604
7

416
8

9

27
10

25
11

🚫 해당사항 없음

742
12

Other Answers

65
0%
16%
31%
47%
62%
78%
% of question respondents
Which utilities or tools do you regularly use?
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청했습니다.

2024년 나의 선택: Temani Afif

Temani는 CSS로 할 수 있는 것의 한계를 계속해서 넓혀가고 있습니다. 그의 실험은 항상 놀랍습니다!
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청했습니다.

Josh W. Comeau

인디 해커이자 교육자

상위 4개의 브라우저가 이 차트를 지배하고 있지만, Arc는 브라우저 순위에서 천천히 상승 중이며, 연간 사용률이 7.8%에서 12%로 증가했습니다.

0%
15%
30%
45%
61%
76%
5,473
3,689
1,708
1,204
1,107
831
779
0%
15%
30%
45%
61%
76%
% of question respondents
Which browser(s) do you primarily work in during initial development?

추천하는 리소스

Ultimate CSS Grid & Layout Techniques, v3
Jen Kramer

Ultimate CSS Grid & Layout Techniques, v3

You’ll learn to achieve complex layouts with minimal code. You'll also explore advanced techniques like container queries for adaptive components and subgrids for nested layouts.
Practical CSS Layouts
Jen Kramer
Freelance Instructor

Practical CSS Layouts

Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts.
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.