Загрузка видео...

Не удалось загрузить видео

На главную

✍️ New article: CSS cap unit A look at how I solved a design problem with CSS cap unit. 🔗

shadeed9's profile picture

Ahmad Shadeed

25,571 subscribers

34,475 просмотров • 2 лет назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

✍️ New Article: Better fluid sizing with round() I wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it. 🔗
0:17

✍️ New Article: Better fluid sizing with round() I wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it. 🔗

Ahmad Shadeed

29,912 просмотров • 2 месяцев назад

✍️ New Article: Should masonry be part of CSS grid? I explored whether masonry should be integrated into CSS Grid or introduced as its own display type, with examples comparing both approaches.
0:10

✍️ New Article: Should masonry be part of CSS grid? I explored whether masonry should be integrated into CSS Grid or introduced as its own display type, with examples comparing both approaches.

Ahmad Shadeed

30,409 просмотров • 1 год назад

wrote a short article on the css perspective property and how to add depth to interfaces
0:12

wrote a short article on the css perspective property and how to add depth to interfaces

will

13,102 просмотров • 5 месяцев назад

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan
0:16

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,629 просмотров • 1 год назад

What if I will tell you how we could solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! I wrote a new article where I continue exploring the experimental implementations of the latest specs.
0:16

What if I will tell you how we could solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! I wrote a new article where I continue exploring the experimental implementations of the latest specs.

Roma Komarov (inactive)

138,374 просмотров • 3 лет назад

There’s a downed colony of bees in the park and the people who found them called the cops who are attempting to get ahold of Emergency Services Unit (ESU) which they say has a “bee unit.” My amateur estimation is the heat downed the queen. I left a bottle cap of water.
0:15

There’s a downed colony of bees in the park and the people who found them called the cops who are attempting to get ahold of Emergency Services Unit (ESU) which they say has a “bee unit.” My amateur estimation is the heat downed the queen. I left a bottle cap of water.

Talia Ben-Ora

61,266 просмотров • 2 месяцев назад

@ DIV1 STOP DENYING US OF A MINCHAN UNIT BCS LOOK AT THIS MASTERPIECE
0:16

@ DIV1 STOP DENYING US OF A MINCHAN UNIT BCS LOOK AT THIS MASTERPIECE

𝚍𝚎𝚎 🐰🐺

28,695 просмотров • 10 месяцев назад

How I build with Claude Fable 5 1. CSS position sticky = how a product follows you down the page 2. Monospace fonts = instantly signal raw and authentic 3. CSS object-fit cover = full bleed photography fills any screen 4. GSAP ScrollTrigger = pins product while background scrolls position fixed + transform = floating centered label 5. CSS grid + z-index = editorial depth flat sites lack Save this 🏔️
0:14

How I build with Claude Fable 5 1. CSS position sticky = how a product follows you down the page 2. Monospace fonts = instantly signal raw and authentic 3. CSS object-fit cover = full bleed photography fills any screen 4. GSAP ScrollTrigger = pins product while background scrolls position fixed + transform = floating centered label 5. CSS grid + z-index = editorial depth flat sites lack Save this 🏔️

FHILY👑

117,941 просмотров • 1 месяц назад

I liked the design so much I concepted a game unit based on the TP21 but added a wood gasifier and too many guns
0:16

I liked the design so much I concepted a game unit based on the TP21 but added a wood gasifier and too many guns

Mike Doscher

11,415 просмотров • 3 месяцев назад

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js
0:15

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js

Manu Arora

25,757 просмотров • 6 месяцев назад

Liminal enters a new era. We’re evolving into a more flexible, progress-driven, and time-based model. Introducing Epochs. Four-week cycles, with dynamic cap per asset, starting with a new cap of $50M on $HYPE. Epoch 0 begins now👇
0:17

Liminal enters a new era. We’re evolving into a more flexible, progress-driven, and time-based model. Introducing Epochs. Four-week cycles, with dynamic cap per asset, starting with a new cap of $50M on $HYPE. Epoch 0 begins now👇

Liminal

243,382 просмотров • 1 год назад

🐶: there’s a lot of comments about the unit. i saw that an article came out... it’s not even accurate. i’m a bit flustered like eh? 🥲
0:16

🐶: there’s a lot of comments about the unit. i saw that an article came out... it’s not even accurate. i’m a bit flustered like eh? 🥲

디 ૮₍ ˃⤙˂ ₎ა

72,099 просмотров • 1 год назад

This CSS unit is quietly ruining your website's mobile experience. In mobile, "vh" doesn't account for the browser's address bar so the bottom of your page gets cut off. Even worse if you have a bottom right action button since users won't even know it's there. The "svh" unit fixes it: .page { min-height: 100svh; } If you found this one useful, follow for more! ❤️
0:10

This CSS unit is quietly ruining your website's mobile experience. In mobile, "vh" doesn't account for the browser's address bar so the bottom of your page gets cut off. Even worse if you have a bottom right action button since users won't even know it's there. The "svh" unit fixes it: .page { min-height: 100svh; } If you found this one useful, follow for more! ❤️

Ali

11,813 просмотров • 2 месяцев назад

A creative coding club student asked me about this curved wipe effect. Is it possible with just CSS? I did a super-quick prototype with GSAP and MorphSVG 🚀 How would you do it?💎 engagement reward 👀
0:13

A creative coding club student asked me about this curved wipe effect. Is it possible with just CSS? I did a super-quick prototype with GSAP and MorphSVG 🚀 How would you do it?💎 engagement reward 👀

Carl 💥 Creative Coding Club

29,726 просмотров • 10 месяцев назад

$TSLA is a 6.5% increase away from hitting a new all-time high. Market cap currently stands at $1.52 trillion.
0:15

$TSLA is a 6.5% increase away from hitting a new all-time high. Market cap currently stands at $1.52 trillion.

Sawyer Merritt

122,791 просмотров • 9 месяцев назад

Londoner triggers lefties at a polling station with her 'Make Britain Great Again' cap! Freethinkerhannah
0:15

Londoner triggers lefties at a polling station with her 'Make Britain Great Again' cap! Freethinkerhannah

Turning Point UK 🇬🇧

27,350 просмотров • 2 месяцев назад

Design Engineering Tip Consider letting textareas grow with the content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; }
0:14

Design Engineering Tip Consider letting textareas grow with the content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; }

Gabriel

85,400 просмотров • 1 месяц назад