Lompat menuju konten

State of CSS 2023

[id-ID] general.back_to_intro

Tata Letak

Bagaimana Anda memposisikan elemen di layar?

Subgrid

Komentar531
Bandingkan Data
8949 pertanyaan responden (97.4% persentase penyelesaian)
Belum pernah mendengarnya
Tahu tentang itu
Sudah pakai

CSS Writing Modes

Komentar37
Bandingkan Data
8888 pertanyaan responden (96.8% persentase penyelesaian)
Belum pernah mendengarnya
Tahu tentang itu
Sudah pakai
💡
Tab Komentar membolehkan Anda untuk melihat komentar yang ditinggalkan oleh para responden selagi mereka mengisi survei.

Logical Properties

Komentar55
Bandingkan Data
margin-block-start, padding-inline-end, dll.
8845 pertanyaan responden (96.3% persentase penyelesaian)
Belum pernah mendengarnya
Tahu tentang itu
Sudah pakai

aspect-ratio

Komentar52
Bandingkan Data
8854 pertanyaan responden (96.4% persentase penyelesaian)
Belum pernah mendengarnya
Tahu tentang itu
Sudah pakai

content-visibility

Komentar18
Bandingkan Data
8795 pertanyaan responden (95.8% persentase penyelesaian)
Belum pernah mendengarnya
Tahu tentang itu
Sudah pakai

gap property for flexbox

Komentar52
Bandingkan Data
8831 pertanyaan responden (96.1% persentase penyelesaian)
Belum pernah mendengarnya
Tahu tentang itu
Sudah pakai

@container Queries

Komentar78
Bandingkan Data
Including size and style queries
8819 pertanyaan responden (96% persentase penyelesaian)
Belum pernah mendengarnya
Tahu tentang itu
Sudah pakai
Kami meminta beberapa anggota dari komunitas CSS untuk membagikan “pilihan tahun ini”

Pilihan 2023 Saya: Zag.js

Orang-orang yang bertalenta di ChakraUI sedang membuat komponen dan ide generasi selanjutnya, saya tidak sabar melihat apa lagi yang mereka dapat buat.

Kami meminta beberapa anggota dari komunitas CSS untuk membagikan “pilihan tahun ini”

Adam Argyle

Google Chrome Developer Relations

object-view-box

Komentar17
Bandingkan Data
    8783 pertanyaan responden (95.6% persentase penyelesaian)
    		Belum pernah mendengarnya
    		Tahu tentang itu
    		Sudah pakai

    Small, Large, and Dynamic Viewport Units

    Komentar37
    Bandingkan Data
    8796 pertanyaan responden (95.8% persentase penyelesaian)
    		Belum pernah mendengarnya
    		Tahu tentang itu
    		Sudah pakai

    Media Queries Range Contexts

    Komentar36
    Bandingkan Data
    8792 pertanyaan responden (95.7% persentase penyelesaian)
    		Belum pernah mendengarnya
    		Tahu tentang itu
    		Sudah pakai

    Anchor Positioning

    Komentar23
    Bandingkan Data
    8772 pertanyaan responden (95.5% persentase penyelesaian)
    		Belum pernah mendengarnya
    		Tahu tentang itu
    		Sudah pakai

    Rekomendasi Sumber

    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.
    Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.