Ugrás a tartalomhoz

Elrendezés

Hogyan pozícionálj elemeket a képernyőn?
Kommentek531
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

CSS írási módok

Kommentek37
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam
💡
A Komment tabban megnézheted a válaszadók kommentjeit, amiket a kérdőív kitöltésekor adtak meg.

CSS Logical Properties

Kommentek55
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

aspect-ratio

Kommentek52
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

content-visibility

Kommentek18
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

A Flexbox rés tulajdonsága

Kommentek52
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

Konténerlekérdezések

Kommentek78
Hasonlítsd össze az adatokat
@container lekérdezés
Nem hallottam még róla
Hallottam már róla
Már használtam
Megkérdeztük a CSS közösség tagjait, hogy osszák meg a évi választásukat.

A 2023-as választásom: Zag.js

A ChakraUI tehetséges emberei következő generációs komponenseket és ötleteket építenek, alig várom, hogy lássam, hogy mi más jut még eszükbe.

Megkérdeztük a CSS közösség tagjait, hogy osszák meg a évi választásukat.

Adam Argyle

Google Chrome fejlesztői kapcsolatok

object-view-box

Kommentek17
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

Kicsi, nagy és dinamikus nézethez tartozó egységek

Small, Large, and Dynamic Viewport Units
Kommentek37
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam
Small, Large, and Dynamic Viewport Units

Media Queries Range Contexts

Kommentek36
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

Anchor Positioning

Kommentek23
Hasonlítsd össze az adatokat
Nem hallottam még róla
Hallottam már róla
Már használtam

Ajánlott források

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.
Köszönet partnereink támogatásáért! Tudj meg többet.