- Видео 16
- Просмотров 16 214
dotSDV
Канада
Добавлен 30 окт 2022
Coding and tech videos
My Designer Gave Me Low-Res Assets...
Check out the CodePen: codepen.io/dotSDV/full/oNrxyYw
*ASSETS*:
Results:
- 8k: cdn.dotsdv.com/multishape_background/8k_image.png
- 4k: cdn.dotsdv.com/multishape_background/4k_image.png
- 2400x1350: cdn.dotsdv.com/multishape_background/image.png
Low-Res Image: cdn.dotsdv.com/multishape_background/low_res_image.png
Inspiration: moqups.com/blog/explore-the-universe-of-gradients/
Check out my other socials:
- Tiktok: www.tiktok.com/@dotsdv
- Twitter: dotsdv
- Ko-Fi: ko-fi.com/dotsdv
*ASSETS*:
Results:
- 8k: cdn.dotsdv.com/multishape_background/8k_image.png
- 4k: cdn.dotsdv.com/multishape_background/4k_image.png
- 2400x1350: cdn.dotsdv.com/multishape_background/image.png
Low-Res Image: cdn.dotsdv.com/multishape_background/low_res_image.png
Inspiration: moqups.com/blog/explore-the-universe-of-gradients/
Check out my other socials:
- Tiktok: www.tiktok.com/@dotsdv
- Twitter: dotsdv
- Ko-Fi: ko-fi.com/dotsdv
Просмотров: 2 300
Видео
CSS is BETTER Than Illustrator?
Просмотров 7721 день назад
Check out the CodePen: codepen.io/dotSDV/full/RwzNJrz Check out my other socials: - Tiktok: www.tiktok.com/@dotsdv - Twitter: dotsdv - Ko-Fi: ko-fi.com/dotsdv
CSS Animations are PAINFUL
Просмотров 1,3 тыс.28 дней назад
Check out the CodePen: codepen.io/dotSDV/full/oNRRpBg Figma: www.figma.com/community/file/1233788316216446629 Check out my other socials: - Tiktok: www.tiktok.com/@dotsdv - Twitter: dotsdv - Ko-Fi: ko-fi.com/dotsdv 00:00 Intro 00:12 The Static Element 00:56 The Hover Animation 01:48 The Click Animation
How to build an Animated Dark Mode Toggle
Просмотров 102Месяц назад
Check out the CodePen: codepen.io/dotSDV/full/MWdpdMJ Figma: www.figma.com/community/file/999487616253110602 Check out my other socials: - Tiktok: www.tiktok.com/@dotsdv - Twitter: dotsdv - Ko-Fi: ko-fi.com/dotsdv Music Credit (in order of appearance): - Weeknds by @Dayfox : ruclips.net/video/z5iOts98Sxw/видео.html - Good Night by @FASSounds: ruclips.net/video/gab88Qo6hXk/видео.html...
You can also use a non AI image upscaling algorithm for example hqx
I don't know why that didn't cross my mind at the time, I should have included it
you know that only happened because of an enterprise software that is kind of an antivirus but more complex, normal people didnt get the bsod
yeah ik this video was just for jokes. Neither my personal nor work pc were affected even though my employer uses crowdstrike
@@dotsdv i mean, i dont know why someone would have falcon enterprise on their personal computer lol
gotta have that over the top security lol
What?! I can't subscribe to this channel?? Oh wait, I already did! 😮
Nice! thanks for supporting!!
option 4 upscale and gaussian blur, completely bastardizes the art intent, but takes 5 mins lol
Oooh good idea! I didn't think of that but it can also work!
Good Video keep it up👍
Thank you!!
i really like your way of delivering this video. was sure your channel had at least a couple thousands subs with this quality. keep up the good work!
Thanks! I'm so glad you enjoyed it!
This content is criminally underrated. Seriously. Great work, I can't wait to see your channel blow up. I'd like to make a little suggestion: at 0:26 it would be even better if you could get the text on the HTML5 and CSS3 icons to contrast with the background.
Thanks for the kind words and feedback!! I usually use a lighter background and totally missed the lack of contrast in those icons. I'll make sure to change it for next time!
As someone who's always designed graphics like this in the fairly unconventional way of using blender, this is very exciting because I now have an even more unconventional way of doing it
Love that! Going the unconventional route be slower at times but it's way more fun!
Great vid 🤙🤙
Thank you!
Very well-done! Clear and concise. I reiterate what others have said that you will go far with videos of this quality.
Thanks, that means a lot!!
Great video loved the edits !
Thanks! Glad you enjoyed it!
Keep this up man. You'll get tons of subs in no time. Great job! :)
Thank you! That means a lot to me! :)
I gave up on them. They are so bad. Will use GSAP until they improve which I'm sure they will. CSS keeps improving. So that's a plus.
Yeah I really need to learn GSAP, CSS animations can be pretty annoying to use sometimes
W for using the courier new font lmao. Nice vid
It's one of my favourite fonts, and thanks!
This is a shorter and a bit less serious video. Do you guys prefer shorter overview videos or longer more in-depth videos? Let me know!
I use tailwind CSS, peace of mind without BEM.
Tailwind is great! I personally don't love using it because having too many classes can be confusing to me at times. I prefer using BEM, it keeps my HTML clean and I usually style with SCSS so it makes writing the styles easier and neater
A full video detailing how exactly I did this is coming later this week!
nice one can't wait for other CSS video from you
Thank you! I'm planning to have another one out next week!
Use GSAP , DO Nothingggg .
Haha yeah, I've worked on a few projects that've used GSAP but I still need to learn it myself
@@dotsdv try using it( even I am rookie in it) it has massiv power and best performance!
For sure! I'll give it a try!
Really cool break down of the process and nice results! Any reason why'd you choose JS event for hover instead of CSS ::hover property?
Thank you and great question! :hover would work as well, but since I used @keyframes the animation would stop abruptly when it leaves the hover state. If it was a simpler animation done using the transition property, then it would stop smoothly since it's just transitioning between property changes. Using the JS event, allows me to keep it in the hover state until the animation ends, which results in a smoother animation
@@dotsdv Awesome! Thanks for explaining it. You just earned a subscriber, sir.
Thanks for subscribing! It means a lot to me!
Pro quality content. Keep it up.
Thank you!
you're the second css youtuber that I am going to see emerging from 0.
Glad to have you along for the journey!
Thanks for the RUclips recommendation to let me know about this guy!
Hope you enjoyed the video!
I really wanna learn css animations from you bro. Im glad youtube suggested me your account
Thank for watching! Let me know if there's anything in particular you would like me to cover!
I'm new at this but i got almost every step. Could you consider highlightning or underlining the properties that are making the changes as you talk about them? (i'm not an english speaker, so that'd help a lot)
Thanks for the feedback! I'll start doing that so it's easier to follow along
Straight to the point, thanks alot
Thank you! Hope the video was helpful!
Good I really needed this video, keep going
Thanks, I'm glad it was helpful!
Do you think there's an easier way to do this?
Which one of these gradients is your favorite?
Radiant + linear combo
Me as a java programmer I see lot of problems, but idk what is wrong there 😂
Hm yeah... I might need to approach it differently ruclips.net/user/shortsrsyXR6T36Kg
Did I miss any other methods? What's your favorite way to center a div?
this is not even yours
The design isn't, but the code actually is. I have the full video of me building it linked on my channel. The code is also available on my codepen: codepen.io/dotSDV/full/MWdpdMJ
@@dotsdv i see, thanks for the clarification
Epilepsy moment
Oops 😂😂
Sheesh bro ur quite a talent 👍 keep this up and you’ll be going great places fr
Thank you!
Bro u r too loud, cant hear the music
Haha, I'm glad you like the music. I have links to the original songs/artists in the description!
@@dotsdvMan i was being sarcastic. I am new to the programming and wanna hear you more clearly. The music is suppressing you a lot. Just a friendly advice.
oh sorry about that! I'll make sure the audio is clearer in future videos, thanks for the feedback!
ux/ui designer making the concept: 😁😇 the programmer: 🫠🤬☠️
Very accurate 😂
Just use figma lmao
haha and who is gonna programm it?
That's a task for unlucky devs such as myself 😔
@@99Ctube your mama
Bro what just happend
Nothing crazy, I'm just quick like that
Check out the linked video to watch the full process of building this!