콘텐츠로 건너뛰기

State of CSS 2023

레이아웃

어떻게 화면에 요소를 배치하나요?

Subgrid

코멘트531
Compare Data
8949 question respondents out of 9190 survey participants (97.4% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

CSS Writing Modes

코멘트37
Compare Data
8888 question respondents out of 9190 survey participants (96.8% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음
💡
코멘트 탭에서는 설문조사 응답자가 설문조사를 작성할 때 남긴 코멘트를 볼 수 있습니다.

Logical Properties

코멘트55
Compare Data
margin-block-start, padding-inline-end, etc.
8845 question respondents out of 9190 survey participants (96.3% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

aspect-ratio

코멘트52
Compare Data
8854 question respondents out of 9190 survey participants (96.4% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

content-visibility

코멘트18
Compare Data
8795 question respondents out of 9190 survey participants (95.8% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

gap property for flexbox

코멘트52
Compare Data
8831 question respondents out of 9190 survey participants (96.1% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

@container Queries

코멘트78
Compare Data
Including size and style queries
8819 question respondents out of 9190 survey participants (96% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청드렸습니다.

My 2023 Pick: Zag.js

ChakraUI의 재능 있는 멤버들은 차세대 components와 아이디어들을 개발 중이며, 그들이 다른 어떤 것들을 제안할 지 기대됩니다.
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청드렸습니다.

Adam Argyle

Google Chrome Developer Relations

object-view-box

코멘트17
Compare Data
    8783 question respondents out of 9190 survey participants (95.6% completion percentage)
    		 들어본 적 없음
    		 들어본 적 있음
    		 사용해 본 적 있음

    Small, Large, and Dynamic Viewport Units

    코멘트37
    Compare Data
    8796 question respondents out of 9190 survey participants (95.8% completion percentage)
    		 들어본 적 없음
    		 들어본 적 있음
    		 사용해 본 적 있음

    Media Queries Range Contexts

    코멘트36
    Compare Data
    8792 question respondents out of 9190 survey participants (95.7% completion percentage)
    		 들어본 적 없음
    		 들어본 적 있음
    		 사용해 본 적 있음

    Anchor Positioning

    코멘트23
    Compare Data
    8772 question respondents out of 9190 survey participants (95.5% completion percentage)
    		 들어본 적 없음
    		 들어본 적 있음
    		 사용해 본 적 있음

    추천하는 리소스

    CSS Grid & Flexbox for Responsive Layouts, v2
    Jen Kramer

    CSS Grid & Flexbox for Responsive Layouts, v2

    Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
    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.
    우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.