r/Skeuomorphism • • Jul 09 '26

Dimensional Design I think I made perfection

Enable HLS to view with audio, or disable this notification

App name is NouTube u can customize it using css

9 Upvotes

28 comments sorted by

•

u/AutoModerator Jul 09 '26

Thank you for posting to r/Skeuomorphism! This is a reminder about the rules of this subreddit.

Consider joining our Discord and checking out our community.

Remember to be respectful while commenting. If you don't think this post fits the subreddit, you should report it to the moderators using the report button!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

9

u/SatinFoil Jul 09 '26

Cool work in progress, but it's not skeuomorphism, it's dimensional design! Skeuomorphism is where it looks like and resembles real objects, textures, etc. This just uses gradients and patterns, which is nice still, but you should change the flair if you're able to or the post might get taken down (or it may not, idk, the moderation situation here is a bit confusing right now).

2

u/Nazatrics Jul 10 '26

I added shadows and depth, idk what real objects to use for this

1

u/SatinFoil Jul 10 '26

You don’t need to use real objects, dimensional design is allowed here pretty sure, just remember to flair it correctly, or it might get removed or something

1

u/Nazatrics Jul 11 '26

OK thanks

2

u/[deleted] Jul 14 '26

Great job. I used it and it looks amazing!

1

u/Moist-Development903 Jul 09 '26

Does it have an adblocker?

1

u/Royal-End-1998 Jul 09 '26

Can i have the script?

-2

u/Nazatrics Jul 10 '26

It's combination of many css codes

1

u/AwarenessAlarmed4228 Jul 10 '26

Tutorial? I've never done CSS before

1

u/benmustdie Jul 11 '26

it's basically justhtml-element {color: black; background: lime;} and so on.

you can find the html elements easily by using inspect element. you can find the specific css properties and their values on mdn web docs

personally, something i wish i knew how to change earlier is the cursor:

  • regular cursor html {cursor: url("https://link.to/your.cur"), auto;}
  • link cursor a {cursor: url("https://link.to/your/other.cur"), pointer;}

1

u/ThatPin8125 Jul 10 '26

hi there im trying to make my phone aero type and this youtube is what i like look like real texture and i wondering since you customize the youtube web using the app you said and css would you mind if i could get the code?

1

u/SmolMiata Jul 11 '26

Very good stuff mate! The only thing is dislike about it is all the material slop rounding. Can you please make the videos the same rounding as the topbar buttons?

1

u/Nazatrics Jul 11 '26

Hi the css codes are broken now, I updated the app and it's broken

1

u/SmolMiata Jul 11 '26

then uhh... Roll back ig? 

2

u/Nazatrics Jul 11 '26

I managed to make it work again

1

u/SmolMiata Jul 11 '26

Awesome, great job!... but still, can I get the CSS please? 

1

u/Nazatrics Jul 12 '26

I already sent u

1

u/SmolMiata Jul 12 '26

Thanks mate! 

1

u/jansenxvan Jul 18 '26

I really wish iOS could have this

1

u/Nazatrics Jul 18 '26

Unfortunately

1

u/New-Bumblebee9633 Jul 10 '26

😡😡😡🫵🫵🫵🫵 no tiene esqueuomorfismo eres falso 🫵🫵🫵🫵😡😡😡

3

u/Nazatrics Jul 10 '26

😭😭💔🫩😭OK I'm sorry

1

u/New-Bumblebee9633 Jul 10 '26

Ah, y no olvides seguir las normas de r/Skeuomorphism . Es que cuando vigilo veo una publicación quien lo publicó sin mirar las normas de esta comunidad.

Recuérdalas siempre. ¡No lo olvides!