正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Experimenting with “CSS System Colors” so my site blends into the OS as much as possible (Interestingly, only Firefox uses the user-selected macOS theme color, not even Safari does this)

Jane Manchun Wong

180,679 subscribers

39,929 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

exploring updates to the CLI experience ⦿ simplify as much as possible ⦿ consolidate agent into prompt ⦿ connect agent color with prompt ⦿ remove non-essential shortcuts ⦿ small ui tweaks

exploring updates to the CLI experience ⦿ simplify as much as possible ⦿ consolidate agent into prompt ⦿ connect agent color with prompt ⦿ remove non-essential shortcuts ⦿ small ui tweaks

David Hill

16,038 次观看 • 7 个月前

Future CSS Tip! ⚡️ You can combine CSS :has() & :user-valid/:user-invalid to power micro interactions 😍 No JavaScript. Watch for the little animations ✨ label { --color: var(--default); color: var(--color); border-color: var(--color); } .group:has(:user-valid) { --color: var(--valid); } .group:not(:focus-within):has(:user-invalid) { --color: var(--invalid); } These new pseudo-elements only fire once an input has been interacted with. This means you don't need to do things like the "transparent :placeholder-shown" hack from before 🙌 Then you can lean into the power of scoped custom properties and change the theme based on the status of a form group 😎 It's a nice little touch. But remember, don't rely on color to communicate things! CodePen.IO link below! 👇

Future CSS Tip! ⚡️ You can combine CSS :has() & :user-valid/:user-invalid to power micro interactions 😍 No JavaScript. Watch for the little animations ✨ label { --color: var(--default); color: var(--color); border-color: var(--color); } .group:has(:user-valid) { --color: var(--valid); } .group:not(:focus-within):has(:user-invalid) { --color: var(--invalid); } These new pseudo-elements only fire once an input has been interacted with. This means you don't need to do things like the "transparent :placeholder-shown" hack from before 🙌 Then you can lean into the power of scoped custom properties and change the theme based on the status of a form group 😎 It's a nice little touch. But remember, don't rely on color to communicate things! CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

283,944 次观看 • 2 年前

Saving/Loading preset colors has been implemented into the Sparking Zero Color Customizer! I also plan on letting you save basic colors instead of the entire material, but this is a nice QoL feature and I'm glad it works as well as it does.

Saving/Loading preset colors has been implemented into the Sparking Zero Color Customizer! I also plan on letting you save basic colors instead of the entire material, but this is a nice QoL feature and I'm glad it works as well as it does.

UltIMa647

22,960 次观看 • 1 年前

We have gone past this but I can ch0ke you with as many as possible, only that your brain does not have the capacity to process this level of conversation. Enjoy yourself.

We have gone past this but I can ch0ke you with as many as possible, only that your brain does not have the capacity to process this level of conversation. Enjoy yourself.

Wale Adedayo 🌍🔰

58,699 次观看 • 1 年前

I’m so hungry 😔 If you see this reply with a dot. Dear reader of my tweet, I hope to read the article inside the picture and share it as much as possible

I’m so hungry 😔 If you see this reply with a dot. Dear reader of my tweet, I hope to read the article inside the picture and share it as much as possible

Maysara Musleh in Gaza

38,589 次观看 • 1 年前

Created this lil color generator over the weekend. There are so many algorithms to choose from for generating beautiful color palettes. Also, You can get the output as CSS, JSON, or Tailwind tokens. Check it out with sound on :)

Created this lil color generator over the weekend. There are so many algorithms to choose from for generating beautiful color palettes. Also, You can get the output as CSS, JSON, or Tailwind tokens. Check it out with sound on :)

vijay verma

182,161 次观看 • 1 年前

Trump on Iranian oil: I just want to have as much oil in the system as possible. We don’t even know if Iran gets that money. Any small amount of money Iran gets is not going to make a difference in this war.

Trump on Iranian oil: I just want to have as much oil in the system as possible. We don’t even know if Iran gets that money. Any small amount of money Iran gets is not going to make a difference in this war.

Open Source Intel

29,075 次观看 • 3 个月前

It’s the Olympic season & I want to take you all along for the ride!! 🤩 There is SO much that goes into it and my goal is to share as much as possible with you guys. So PLEASE flood the comment section with all your questions, topics, and anything else you want to know!! 🤔🤷‍♂️

It’s the Olympic season & I want to take you all along for the ride!! 🤩 There is SO much that goes into it and my goal is to share as much as possible with you guys. So PLEASE flood the comment section with all your questions, topics, and anything else you want to know!! 🤔🤷‍♂️

Jason Brown

37,761 次观看 • 1 年前

As things stand today, BJP is much below the majority mark. It is possible that even the NDA may not attain majority. My take, based on my ground travels and feedback from the field:

As things stand today, BJP is much below the majority mark. It is possible that even the NDA may not attain majority. My take, based on my ground travels and feedback from the field:

Yogendra Yadav

323,969 次观看 • 2 年前

This Back Leg Adjustment Got Me to 98 mph. What’s the best way to load into your back leg? When I threw 95, I tried to get as deep and load into my back leg as much as possible. The adjustment that got me to 98 was speeding up the drop into my back leg. I started dropping into that back leg as quickly as possible. The quicker you go down, the higher you can jump. That’s scientifically proven. That’s what we want to emulate in the pitching delivery with the back leg. We want to relax into it. We want to drop into it. By doing that we’re putting force into the ground not only vertically but horizontally as well. So to recap, you’re shifting your weight and then relaxing into your back leg. That’s what creates that burst of energy going forward.

This Back Leg Adjustment Got Me to 98 mph. What’s the best way to load into your back leg? When I threw 95, I tried to get as deep and load into my back leg as much as possible. The adjustment that got me to 98 was speeding up the drop into my back leg. I started dropping into that back leg as quickly as possible. The quicker you go down, the higher you can jump. That’s scientifically proven. That’s what we want to emulate in the pitching delivery with the back leg. We want to relax into it. We want to drop into it. By doing that we’re putting force into the ground not only vertically but horizontally as well. So to recap, you’re shifting your weight and then relaxing into your back leg. That’s what creates that burst of energy going forward.

Josh Gessner

30,391 次观看 • 4 个月前

A rare look at my process for drawing out as much detail and color from photos as possible. This is just one of 15 panels from the massive Andromeda mosaic I am sharing in a few days.

Sensitive content

A rare look at my process for drawing out as much detail and color from photos as possible. This is just one of 15 panels from the massive Andromeda mosaic I am sharing in a few days.

Andrew McCarthy

45,734 次观看 • 1 年前

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,738 次观看 • 4 个月前

my feelings are hurt but we can not disrespect the og’s as much as i want to believe in it Pepe does not live up to the hype compared to Pepecoin there is only one #pepe 🐸 $pepe

my feelings are hurt but we can not disrespect the og’s as much as i want to believe in it Pepe does not live up to the hype compared to Pepecoin there is only one #pepe 🐸 $pepe

Arye

13,556 次观看 • 1 年前

🦾Have you watched my newest Blender tutorial? I try to incorporate as much "why" as possible so that you not only understand the steps but the context too. So that you'll have a better understanding of the overall concept and how to apply it to your own project. #b3d #blender

🦾Have you watched my newest Blender tutorial? I try to incorporate as much "why" as possible so that you not only understand the steps but the context too. So that you'll have a better understanding of the overall concept and how to apply it to your own project. #b3d #blender

DemNikoArt ➡️ BCON 26

17,171 次观看 • 5 个月前

Even switched to performance mode and it still does it. Her specs are top of the line and are the same as my PC. This does NOT happen on my PC. does anyone have a solution to this?

Even switched to performance mode and it still does it. Her specs are top of the line and are the same as my PC. This does NOT happen on my PC. does anyone have a solution to this?

EDMIRE

44,021 次观看 • 1 年前

Not as sinful as black, nor as innocent as white It lacks the burning rage of red's might It is not a sky, to even be a horizon line It is the candle that burns but gives no light below Forever standing there, wearying with its sign The Color of 'If Only': A cold silver gray⤵️🔊

Not as sinful as black, nor as innocent as white It lacks the burning rage of red's might It is not a sky, to even be a horizon line It is the candle that burns but gives no light below Forever standing there, wearying with its sign The Color of 'If Only': A cold silver gray⤵️🔊

® KHAN EAGLE

19,254 次观看 • 7 个月前

🇵🇱 Polish PM Tusk: "Poland does not want to be passive when it comes to nuclear security in the military context. We will seek to prepare Poland in the future for as much autonomy as possible in this area." Basically, Poland has said GIVE ME MY NUKE.

🇵🇱 Polish PM Tusk: "Poland does not want to be passive when it comes to nuclear security in the military context. We will seek to prepare Poland in the future for as much autonomy as possible in this area." Basically, Poland has said GIVE ME MY NUKE.

Mario Nawfal

253,813 次观看 • 4 个月前