Drawing with CSS - Intermediate to Advanced CSS/Sass

20691
55
632
20.04.2021
DesignCourse

DesignCourse

65549897
1050000
1174
03.04.2010
Описание видео:

Want to learn UI/UX? 🤍designcourse.com​​​​​​​​​​ Today, we're going to check out some really cool CSS properties, along with Sass features that I don't normally cover, in order to draw a part of a synthesizer using strictly HTML and CSS. Let's get started! #css #drawing #sass - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: 🤍designcourse.com My personal FB account: 🤍fb.com/logodesigner Coursetro FB: 🤍fb.com/coursetro Coursetro's Twitter: 🤍twitter.com/designcoursecom Join my Discord! 🤍discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

Кадры из видео
Drawing with CSS - Intermediate to Advanced CSS/Sass
Drawing with CSS - Intermediate to Advanced CSS/Sass
Drawing with CSS - Intermediate to Advanced CSS/Sass
Drawing with CSS - Intermediate to Advanced CSS/Sass
Тэги из видео
Комментарии пользователей:
Sai Charan
2021-04-24 10:49:51

Thank you!

True Islamic Reminder
2021-04-22 07:49:20

Hi sir please make one video for visual studio code short keys which you use mostly. it will be very beneficial for us to work fast.

texxs01
2021-04-21 23:59:55

Remember folks, just say no to compiled languages that don't need compiled. Like Sass and React etc. Nothing they can do that the language they output can't and oh all the extra expense and time... for what? to save a few keystrokes at the cost of learning and keeping up the learning on a new language, the latest compilers, the latest server side techs to run the compilers, comparing them all and choosing one etc. Just pointless 99% of the time.

groovebird
2021-04-21 21:58:33

Could you provide the code in a github repo? Some parts are hard understand

avneet12284
2021-04-21 18:45:45

So good, Gary. I learned a lot.

By the way, your reference code had rgb in the repeating linear gradient. You were doing the rgba without the alpha. Hard to spot all that in the video. ;)

Mike Fyxdt
2021-04-21 13:43:44

Wow, I enjoyed that! I did not know this was possible!!!

Cereal Rakist
2021-04-20 19:57:26

@DesignCourse that button on the right that says (VALUE) but looks like the volume button, HOW WOULD ONE MAKE THAT? those notches have me confused.

Patrik Norell
2021-04-20 19:38:04

I'm blown away...

Talha Sheikh
2021-04-20 19:17:27

My name is Talha Sohail i am deaf yes From Pakistan Thank you

Nandan G
2021-04-20 16:51:51

He is probably using hackerman vs code theme 🤔🤔🤔

Ankith Demo
2021-04-20 15:46:59

rgba that is the error

Jan Claasen
2021-04-20 14:52:10

Check out the power tools from Microsoft
It's an open source project that includes a bunch of really amazing tools including a color dropped.

Arun Abraham
2021-04-20 14:36:12

.button*14 for genarate 14 div with class button

CodeNascher
2021-04-20 14:28:36

could have used @each-loops for your :root and @for-loops for :nth-child

alvaro obyrne
2021-04-20 14:23:25

Please share your inspiration synthesizer, the one you saw

Renan Fernandes
2021-04-20 14:00:38

around 26 minutes, when you code dont run, is because in your background-gradient, third and forth parameters is rgba() and you are passing only 3 parameters, if you look when you paste you reference code, first and second is rgba() and third and forth is rgb().

Gergely Szegedi
2021-04-20 13:47:08

"Wrong number of arguments", since you used "rgba", but forgot to add the "alpha" value...

CodeIT
2021-04-20 13:33:39

which theme are using in this video?

Firestorm
2021-04-20 13:29:54

Hey man. Love your vids! Could you please do a tutorial on how to send emails and some cool JS stuff without actually using Javascript

Что ищут прямо сейчас
каникулы テル ренат агзамов face mask machine 建文 excel online course ЧТОБЫ ВЫЖИТЬ подборка приколов evade dilmurod a6 change pad color FNF Doors dbms seo off page camaco 孫露 Hill Climb Racing 2 CC EV agni 2 missile делаем игры
Похожие видео
30.05.2023
The Most Popular UI/UX Animation Technique

The Most Popular UI/UX Animation Technique

07.05.2023
Use AI & JavaScript to Generate Amazing Color Schemes

Use AI & JavaScript to Generate Amazing Color Schemes

04.05.2023
This is how you Refactor a UI Design

This is how you Refactor a UI Design

11.04.2023
Using AI for UX Design is Awesome - Crash Course

Using AI for UX Design is Awesome - Crash Course

07.04.2023
Try this 3D Animation Trick on your Portfolio

Try this 3D Animation Trick on your Portfolio

25.05.2023
I Fixed 3 Broken Portfolios in Record Time

I Fixed 3 Broken Portfolios in Record Time

14.04.2023
Mind blowing: New 3D Animation No Code Tool ROCKS!

Mind blowing: New 3D Animation No Code Tool ROCKS!

31.03.2023
Immersive AI Worlds 🌎 on your Website in Seconds

Immersive AI Worlds 🌎 on your Website in Seconds

30.04.2023
Refactoring your UI/UX Design -- LIVE

Refactoring your UI/UX Design -- LIVE

04.04.2023
GPT4 Can Create Responsive Layouts from Ascii

GPT4 Can Create Responsive Layouts from Ascii

20.04.2023
Futuristic UI Design: With the help of 2 AI Tools

Futuristic UI Design: With the help of 2 AI Tools

25.04.2023
The Top 6 Best Websites of 2023 (so far)

The Top 6 Best Websites of 2023 (so far)

18.05.2023
I Designed a Website in 56 Minutes

I Designed a Website in 56 Minutes

21.04.2023
Live Roasting your UI Designs

Live Roasting your UI Designs

27.04.2023
Curvy SVG Text Scroll Animations - So Smooth!

Curvy SVG Text Scroll Animations - So Smooth!