Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

181,420 subscribers

39,953 views • 4 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 9 months ago

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 ʕ•ᴥ•ʔ

284,005 views • 3 years ago

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 views • 1 year ago

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 views • 1 year ago

Please my friends … please realize this is your one life and you must get as much out of it as possible while keeping your day to day simple as possible. Ambition and tenacity does not mean you need to compromise on a simple and calm principle that not much matters besides the health and well being of the people you love ❤️

Please my friends … please realize this is your one life and you must get as much out of it as possible while keeping your day to day simple as possible. Ambition and tenacity does not mean you need to compromise on a simple and calm principle that not much matters besides the health and well being of the people you love ❤️

Gary Vaynerchuk

37,182 views • 2 months ago

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,392 views • 1 year ago

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 views • 5 months ago

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,771 views • 1 year ago

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,986 views • 2 years ago

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 views • 5 months ago

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,902 views • 6 months ago

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 views • 1 year ago

🦾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 views • 6 months ago

You can't build iOS apps without a Mac, so we gave Devin one. Devin Cloud Agents now run macOS, with Xcode, iOS simulator, and your signing setup, all in a real macOS environment (with full computer use). In this demo, Devin builds a native iOS game, then plays and tests it with computer use. Devin then sends a screen recording of the gameplay along with a test report for my review. With Namespace you get as many macOS environments as you'd like, configurable with many major versions of macOS operating system and Xcode.

You can't build iOS apps without a Mac, so we gave Devin one. Devin Cloud Agents now run macOS, with Xcode, iOS simulator, and your signing setup, all in a real macOS environment (with full computer use). In this demo, Devin builds a native iOS game, then plays and tests it with computer use. Devin then sends a screen recording of the gameplay along with a test report for my review. With Namespace you get as many macOS environments as you'd like, configurable with many major versions of macOS operating system and Xcode.

nader dabit

300,990 views • 1 month ago

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,045 views • 1 year ago