CSS의 새로운 기능으로 인해 많은 기능이 가능해졌음에도 불구하고, 개발자들은 여전히 작업 효율 향상을 위해 도구와 라이브러리에 의존하고 있습니다.
섹션 링크 공유CSS Frameworks
CSS 프레임워크 및 UI 라이브러리 중에서 Tailwind CSS는 여전히 다른 전통적인 경쟁자를 멀찍이 앞서가며 자신의 길을 개척하고 있습니다.
Which CSS frameworks do you use?
섹션 링크 공유CSS-in-JS
CSS-in-JS의 매력 중 일부는 변수와 같은 새로운 CSS 기능으로 인해 없어졌을지 모르지만, 최근에 도입된 타입 스타일과 빌드 타임 컴파일과 같은 혁신은 여전히 많은 가능성을 보여주고 있습니다.
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 자체에 흡수됨에 따라 그 사용이 안정적으로 유지될지 주목할 필요가 있습니다.
Which pre- or post-processors do you regularly use?
섹션 링크 공유Utilities
CSS 코드를 원하는 대로 형식화, 최소화 및 수정할 수 있는 방법은 무수히 많습니다.
Which utilities or tools do you regularly use?
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청했습니다.
2024년 나의 선택: Temani Afif
Temani는 CSS로 할 수 있는 것의 한계를 계속해서 넓혀가고 있습니다. 그의 실험은 항상 놀랍습니다!
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청했습니다.
Josh W. Comeau
인디 해커이자 교육자
섹션 링크 공유Browsers
상위 4개의 브라우저가 이 차트를 지배하고 있지만, Arc는 브라우저 순위에서 천천히 상승 중이며, 연간 사용률이 7.8%에서 12%로 증가했습니다.
Which browser(s) do you primarily work in during initial development?
섹션 링크 공유추천하는 리소스
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
Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts.
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.