Тёмный
Alvaro Montoro
Alvaro Montoro
Alvaro Montoro
Подписаться
Videos of CSS drawings and Web Development in general: HTML, CSS, JavaScript...


Creating a cute single-element toggle switch
6:24
5 месяцев назад
Animated 3D Discs in CSS
38:39
6 месяцев назад
Toggles showcase
1:13
7 месяцев назад
Drawing with CSS: comic strip for comiCSS
5:57
7 месяцев назад
Work in progress - Art faces
0:33
7 месяцев назад
Drawing Donald Duck with CSS
12:32
8 месяцев назад
Drawing with CSS: divtober - handmade
8:05
10 месяцев назад
drawing with CSS: divtober - alive
11:28
10 месяцев назад
drawing with CSS: divtober - faraway
7:59
10 месяцев назад
drawing with css: divtober sticky
7:52
10 месяцев назад
Drawing with CSS: Divtober - Tangled
9:19
10 месяцев назад
Drawing with CSS: divtober 14 small
6:44
10 месяцев назад
Drawing with CSS: divtober bones
12:18
10 месяцев назад
Drawing with CSS: divtober 09 - Space
12:31
10 месяцев назад
Drawing with CSS for Divtober: Mix
3:53
10 месяцев назад
Live Coding Divtover 07: Treat
11:34
10 месяцев назад
1-Minute HTML Tip: Theme Colors
1:12
11 месяцев назад
1-minute CSS tip: accent-color
1:01
11 месяцев назад
Creating a CSS-Only Reading Indicator
1:08
11 месяцев назад
Shapes in CSS (4min)
4:31
11 месяцев назад
Shapes in CSS (1min)
1:16
11 месяцев назад
Drawing a bat with HTML and CSS
10:00
11 месяцев назад
Best Hiking Playlist to Blast Through your Speakers
3:00:00
11 месяцев назад
Drawing a cute character with CSS
10:41
Год назад
Комментарии
@fastechx
@fastechx 6 дней назад
not fair, you deserve all the subscribers of other youtube channels, no bs only content, relavelnt one. rare find. never stop. :) i can sleep now.
@sandromedario62
@sandromedario62 Месяц назад
Que difícil es ser del Madrid, tanto como apuntarte a ver quien tiene más títulos aunque no sea el que mejor juega en un espectáculo deportivo.
@Jufranespi
@Jufranespi Месяц назад
Contesto yo, porque le da la GANA y además le sale delos COJONES
@9TheJackOfHearts6
@9TheJackOfHearts6 2 месяца назад
Really nice
@VeertexMC
@VeertexMC 2 месяца назад
Que crack!
@krosYT
@krosYT 2 месяца назад
👍
@siran3466
@siran3466 2 месяца назад
Your video was on point, thanks!
@ellsonmendesYT
@ellsonmendesYT 2 месяца назад
I've just figure it out what you called the proble, at 20:47, by setting the position you actually define the pivot point from wich it will increase or decrease say you define position to be 50% 0 (center top) then second paramter (x, y) will increase downwards, on the other hand if you set position 50% 100% (middle bottom) it increases second parameter upwards 😊😊
@ellsonmendesYT
@ellsonmendesYT 3 месяца назад
I saw your previous one which was without narrration and accelerated, I followed all the way to 70% but got lost, but I came across this version and yeah, super awesome, you expressing your ideas what and why you are taking some decisions is gr8t. Just getting used to sass and saw some animations on codepen which also makes use of pug, I got impressed on how good sass pug and animations go together. Looking forward to watch and follow the other videos about art and animations of yours.
@parasamanisinha-cp3kk
@parasamanisinha-cp3kk 3 месяца назад
Hello sir Im from india and Iam interested coding do you suggest me to this feild carrer in future
@julianvelez6563
@julianvelez6563 4 месяца назад
Awesome work bro ❤❤
@zkwaitforitxenon
@zkwaitforitxenon 4 месяца назад
Hey ! i am a tech lead of a software firm. i loved this project and admire your skill. we want to work with you, can i get ur email please ?
@SMK627751
@SMK627751 5 месяцев назад
Hey Thank you so much, I have done it. But I have some issues can please help me with this?
@alvaromontoro
@alvaromontoro 5 месяцев назад
How can I help you?
@SMK627751
@SMK627751 5 месяцев назад
@@alvaromontoro Everything is fine, but when I try to animate the nodes the lines were misplaced and I'm using JSP servelet for some backend process. The problem is animation is working. I don't know why.
@alvaromontoro
@alvaromontoro 5 месяцев назад
Do you have a codepen/JSfiddle where I can see this behavior?
@alvaromontoro
@alvaromontoro 5 месяцев назад
@@SMK627751 Do you have a CodePen or a sample online?
@shubham_paliwal
@shubham_paliwal 5 месяцев назад
Amazing ✨...Can you tell me why does it not work properly when I try to add some more nodes at the next level, the edges of the nodes are affected
@alvaromontoro
@alvaromontoro 5 месяцев назад
Thanks! What part is not working? Can you share a description and a link to codepen/JSfiddle so I can see the issue?
@cvsrag
@cvsrag 5 месяцев назад
Awesome
@julianvelez6563
@julianvelez6563 6 месяцев назад
you are the best alvaro
@alvaromontoro
@alvaromontoro 6 месяцев назад
Thanks. I'm just Alvaro 😳😅
@julianvelez6563
@julianvelez6563 6 месяцев назад
hahahah@@alvaromontoro
@mouradfadhel
@mouradfadhel 7 месяцев назад
that's awesome ❤❤ ‏‪1:13‬‏
@DaveStewartLondon
@DaveStewartLondon 7 месяцев назад
Can you explain why the box shadow "fixes" the liquid effect?
@alvaromontoro
@alvaromontoro 7 месяцев назад
I don't know the technical explanation for this, so I may describe it incorrectly (my apologies in advance). The idea is that the contrast filter sharpens the edges of two colors by shifting the colors, but when there is no color (when there's a full transparency), there's nothing to sharpen and leaves the blurred area blurred. By adding the box-shadow, we are surrounding the element with a color instead of with transparency, so the filter can do its magic.
@DaveStewartLondon
@DaveStewartLondon 7 месяцев назад
@@alvaromontoro it's a great explanation. Thanks!
@gioba4912
@gioba4912 7 месяцев назад
You're the best!
@championdnb
@championdnb 7 месяцев назад
This is really cool! Do you mind sharing your project once youre satisfied with the result? 😊
@alvaromontoro
@alvaromontoro 7 месяцев назад
Thanks! I plan on doing that. Right now it's a big rough around the edges and needs a lot of cleaning (it was a quick and dirty thing). Hopefully this weekend.
@simonswiss
@simonswiss 7 месяцев назад
I have no idea how this liquid effect works, but it looks amazing. How did you (or your friend) find out?
@alvaromontoro
@alvaromontoro 7 месяцев назад
I learnt this from @anatudor (m.ru-vid.com) and Temani Afif. In my case, it was more of trial and error based on what they'd done before.
@simonswiss
@simonswiss 7 месяцев назад
Man, this video was incredible! I am glad I stumbled upon it. Subscribed!
@alvaromontoro
@alvaromontoro 7 месяцев назад
Thanks!
@editxswajal
@editxswajal 7 месяцев назад
Bro u are awsome 🎉🎉❤
@alvaromontoro
@alvaromontoro 7 месяцев назад
Thank you! 😊
@xancy8640
@xancy8640 7 месяцев назад
❤🔥
@draghicesco5880
@draghicesco5880 8 месяцев назад
can you get non-button data like motion, orientation or the infrared sensor?
@alvaromontoro
@alvaromontoro 8 месяцев назад
That's a great question. The answer depends on many factors (mainly the type of controller and the browser you are using). Not all controllers have motion/orientation sensors, and even those that do, sometimes don't share it on the browser. At this moment, only Firefox supports the `pose` interface that provides that data, but my original Nintendo Switch controllers always return null for the orientation, position, and acceleration.
@artedisegno1634
@artedisegno1634 8 месяцев назад
amazingggggggg
@farshidnaqizadeh159
@farshidnaqizadeh159 8 месяцев назад
Awesome art
@Owen-by7db
@Owen-by7db 8 месяцев назад
Wooooow
@joaomaia9140
@joaomaia9140 8 месяцев назад
Omg ❤
@instedlar
@instedlar 8 месяцев назад
i hope you make tutorial videos about drawing in Css thanks
@mustafaabobaker
@mustafaabobaker 8 месяцев назад
Wowoooooooo Fantastic 😍😍😍😍😍😍
@ArjunU931
@ArjunU931 8 месяцев назад
you are great 😮😮😮
@alvaromontoro
@alvaromontoro 8 месяцев назад
Thanks 😊
@julianvelez6563
@julianvelez6563 8 месяцев назад
Awesome work bro ❤❤
@alvaromontoro
@alvaromontoro 8 месяцев назад
Thank you 😊
@julianvelez6563
@julianvelez6563 8 месяцев назад
@@alvaromontoro quiero aprender a dibujar asi como tu amigo
@RedMaster-mw6ti
@RedMaster-mw6ti 8 месяцев назад
Yeah, you are a mutant.
@RedMaster-mw6ti
@RedMaster-mw6ti 8 месяцев назад
either you have an autistic development or you use a lot of stimulants. This is a mutant skills.
@prakashkhadka60
@prakashkhadka60 9 месяцев назад
:O great work
@ivanfernandez2135
@ivanfernandez2135 9 месяцев назад
Valla pregunta más tonta jajajjaja, pues es madridista porque el Madrid es un equipo que creo q tiene el mayor número de seguidores en el mundo ,porque creo también que acostumbra a ganar muchas cosas , y porque también creo q es el mejor club del mundo, menudo zoquete el periodista jajajajajajajaja
@jarrett2513
@jarrett2513 9 месяцев назад
Promo>SM
@fana23121
@fana23121 9 месяцев назад
Love the image, but would be great if you could comment the code, so some of us have a better understanding^^
@alvaromontoro
@alvaromontoro 9 месяцев назад
Great advise. I'll add more comments in the next one. Any part that you want me to explain more in particular in this video?
@grumblycurmudgeon
@grumblycurmudgeon 9 месяцев назад
Pretty slick (ab)use of gradients. Is this just for the challenge of doing it? Or are there actual benchmark advantages? I know the css renderer is blazin' fast... but is there actually a measurable advantage? Or just the challenge? Cuz... bro: that's like 7 lines of SVG, and you can even embed it INTO your CSS.
@huygd8017
@huygd8017 9 месяцев назад
Html ??
@alvaromontoro
@alvaromontoro 9 месяцев назад
The body that is there... It's just invisible. It probably could be done without any HTML whatsoever, using :root
@HuynhLuong227
@HuynhLuong227 10 месяцев назад
thanks for sharing
@HuynhLuong227
@HuynhLuong227 10 месяцев назад
ahihi, great job
@bcashwin
@bcashwin 10 месяцев назад
mind blowing ..
@Not_Aran8276
@Not_Aran8276 10 месяцев назад
Impressive, at this point it’s not about writing the css code, but just straight up geometric mathematical stuff lol
@jassemravenclaw
@jassemravenclaw 10 месяцев назад
Wow 🎉👌👏👏
@SSC2014
@SSC2014 10 месяцев назад
Very, very cool!
@gioba4912
@gioba4912 10 месяцев назад
I enjoy so much your videos and your proficiency with css.
@alvaromontoro
@alvaromontoro 10 месяцев назад
Thank you!
@danielamirul6430
@danielamirul6430 10 месяцев назад
teach me how!!!!
@fruyament
@fruyament 11 месяцев назад
I liked the stain