Inautilo1d ago

#Development #Techniques
Adventures in CSS subgrid · Lining up content across multiple columns https://ilo.im/16b6q4

_____
#Alignments #Content #Layouts #CssGrid #CssSubgrid #Browsers #WebDev #Frontend #CSS

Adventures in subgrid

Recently, I have solved several CSS layout problems using subgrid. I share my examples and refer to some other subgrid solutions in an article by Josh Comeau.

Jeff Bridgforth
Inautilo6d ago

#Design #Techniques
Details that make UIs feel better · Great interfaces rarely come from a single thing https://ilo.im/16be9n

_____
#Layouts #Typography #Animations #Images #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Details That Make Interfaces Feel Better

A collection of details that make your interfaces feel better.

InautiloFeb 24

#Development #Comparisons
Embrace the chaos · The shape and flow of masonry layouts https://ilo.im/16av8m

_____
#ModernCSS #Layouts #Masonry #CssGrid #CssFlexbox #Design #WebDesign #WebDev #Frontend #CSS

Patrick - Embrace the chaos — The shape and flow of masonry layouts

Ramblings about the layout shape and item flow in masonry, and how that compares to other types of CSS layouts. Masonry is a pretty unique layout type, one where embracing the chaos of the layout can be the best approach.

Patrick Brosset
InautiloFeb 18

#Development #Guides
Building typographic scales in CSS · Get ready for :heading(), sibling-index(), and pow()! https://ilo.im/16apaw

_____
#ModernCSS #Scales #Typography #Layouts #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS

Typographic Scales in CSS with :heading(), sibling-index(), and pow()

Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

Always Twisted
InautiloJan 30

#Development #Overviews
CSS layout fundamentals · Master the core concepts behind CSS layouts https://ilo.im/16a1ic

_____
#Layouts #Positioning #Stacking #CssGrid #CssFlexbox #BoxModel #Browsers #WebDev #Frontend #CSS

Understanding the fundamentals of CSS Layout

When developers say that CSS is hard, they're usually talking about CSS layout. What often gets omitted though is that developers are assumed to understand and…

Polypane
InautiloJan 25

#Design #Examples
Values to stress-test interfaces · Break your interface before users do https://ilo.im/169wx8

_____
#Testing #Names #Words #Numbers #Layouts #Forms #Constraints #ProductDesign #UiDesign #WebDesign

Blog

Whatzacdrew_ComicsJan 17
#shortstoy #writing #detectivestories #detective #occult #occultdetective #vivianjones #vivianjonesoccultdetective #giraffe #plaguedoctor #deathmask #witchcraft #plague #whatzacdrewcomics #comingsoon #wip #sketch #drawing #illustration #hex #curses #chapterart #cover #poses #composition #layouts
Chris PittsJan 15
By Jove I think I have it! #CSS #Layouts
Reddit Tech VN BotDec 4

Một bộ sưu tập các layout và theme mã nguồn mở cho Uptime Kuma đã được tạo ra! Một người dùng Uptime Kuma đã tự tổng hợp các tùy chỉnh giao diện để nâng cao trải nghiệm trang trạng thái của mình.

#UptimeKuma #SelfHosted #OpenSource #Themes #Layouts #TrạngThái #MãNguồnMở #TựHost

https://www.reddit.com/r/selfhosted/comments/1pe5gln/a_collection_of_opensource_uptime_kuma_layouts/

Hacker NewsNov 26

Brand New Layouts with CSS Subgrid

https://www.joshwcomeau.com/css/subgrid/

#HackerNews #CSS #Subgrid #Web #Design #Layouts #Grid #Layouts #Frontend #Development #Responsive #Design

Brand New Layouts with CSS Subgrid • Josh W. Comeau

Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful convenience, but it turns out that it’s so much more. Subgrid unlocks exciting new layout possibilities, stuff we couldn’t do until now. ✨