I'm so so happy that you're back. I really missed you so so much 😥. I thought you're gone forever 😢. I was really worried about what happened to you. You've been a blessing in my life. I can't thank you enough for the great work you're doing and the knowledge you've impart in me. I was 16yrs old when I started programming and your tutorial was the first to watched on HTML. I'll be 18yrs old on May. On the behave of others and I, thank you so much for everything you've done and will do for us😊.
Your python course is so good, I had completed it recently, thank you very much, I don't know you know or not but you are helping a lot of students like us .
This is so good. You really get to understand the concept building it bit by bit and also showing the not quite right parts. Would like to see more of these.
Hi Mike, your recent videos are exactly matching level of my skills. It is really nice to watch your tutorials. These intermediate courses are needed - if you would make a bootcamp, I would buy it. 👍
plz make more videos like this from "100 Days CSS challenge" it helps a lot for someone that just started learning CSS! and add some JS to your videos plz
You did 2 things wrong. On the oval position, the hole animation should be centred on the box. And second, the first animation is not on 180deg, it is 360deg. But still you did a good job there. Keep up!
I need you to cover Data Structures!! Please!! Or if someone can recommend some resources because I have been trying to learn from multiple resources and nothing is working.
When centering as a beginner, I highly recommend this guide: css-tricks.com/centering-css-complete-guide/ Also, less repetitive CSS, for those with the agony over 1000+ lines, can also be achieved with SCSS, supported by CodePen. (keeps your css in the place you would expect it to be, but you'll have to learn a bit of SCSS)
Wondering why this guy didn't actually use Sass since the CodePen was using Sass. A single @for loop would have done all of it without having to copy paste repeat the CSS rules. If specificity ever was a concern you could also use just the single .square class and used :nth-child() selectors within the Sass for loop and achieved the same thing. For those who don't know about Sass's core features, not only do you have variables and nesting, you have standard programming constructs like loops and conditionals, as well as SassScript. If you wanted to automate the markup with JS, you could just put the div.square's in with the String.repeat() method so you write the html once in a single line or two of JS. Cool video though. I want to try out the 100 Days of CSS now that I know it exists.
what I do not understand (so far) is what the following is: box-shadow: 4px 8px 16px 0 rbga(0,0,0,0.1); I get it defines the box-shadow, but what is the "0" and why is the color defined as above? my API (PyCharm) cannot make heads or tails of it.
This video shows me why I don't like CSS. I don't want to copy and paste my code 20 times and just change a little variable each time. Even with JavaScript this is still absurd. Why is there no template system that avoids the absurd level of code duplication ?
Hi there 👋 Mike Dane please consider my message . I learn your reactjs and I understand it clearly. And I just wanted to request for full react course from you Sir Thanks 👍👍👍
I'm so so happy that you're back. I really missed you so so much 😥. I thought you're gone forever 😢. I was really worried about what happened to you. You've been a blessing in my life. I can't thank you enough for the great work you're doing and the knowledge you've impart in me. I was 16yrs old when I started programming and your tutorial was the first to watched on HTML. I'll be 18yrs old on May. On the behave of others and I, thank you so much for everything you've done and will do for us😊.
Your python course is so good, I had completed it recently, thank you very much, I don't know you know or not but you are helping a lot of students like us .
19:29. Centering can also now be achieved with just two lines! {display:grid; place-items:center;}
This is so satisfying even the cleaning up n making it centered part 🎃
This is so good. You really get to understand the concept building it bit by bit and also showing the not quite right parts. Would like to see more of these.
You go 100 days of CSS Challenge and we Follow!
he will do it in one day😂
I need to get in on this because my CSS needs some love. Appreciate this video my friend. See you soon!
Hi Mike,
your recent videos are exactly matching level of my skills. It is really nice to watch your tutorials. These intermediate courses are needed - if you would make a bootcamp, I would buy it. 👍
I didn't know anything about animation, would love to see more animation or 100 days challenges!!!
It's much easier to do than I thought in the beginning. Thank you for this awesome tutorial.
Really loved how it turned out and btw thanks for all the coding lectures you make i learnt 4 different languages
your passion to impact knowledge makes your teaching so easy to understand... Thank you, Mr Mike Dane.
Highly appreciated men. A lot of good stuff you have there
Exactly what I need .... 🙋🏻♀️🙏thanks Mike!
Damn you improved yourself. Your voice is good and I love your hairstyles
Mike the undisputed GOAT of youtube educators living legend
Man I watched my first html video from you, almost a year later still think you're one of the best teacher out there!
How has your progress been ? I only started about 2 months ago, still very new to this.
We need more video like this. Very nicely explained every step. Thank you very much. ❤️
So cool! Thank you!
It was a nice short video which help me revise a handful of css skills from transform to flexbox.
100 days of fun. thanks, Mike :)
nice tutorial, centering the animation I think transform-origin:center is the one you need.
this was good practice along as I learn CSS and helped reinforce concepts I learned.
Wow. Couldn't believe I'm able to understand an animation that looks complex, without confusion.
you are the man. big thank you.
YOU ARE A BIG SCIENTIST MAN >>> YOU GIVE A HOPE TO US >>> THINKS FROM MAURITANIA
You rock man...
You're amazing dude. Love u
Omg it's working!!!! Thank you so much
Hey Mike! Thank u for everything that u do for us. I will be happier if u could zoom or increase the size of the code a little
awesome thanks! would love to see this built in javascript as well just for the side by side
👏... You're awesome
this is beautiful. learnt jekyll from your videos. 👍
Mike , you made my day
First like first comment 2nd view, was just checking subscribed channels and got ur video like and saw 4 seconds ago
Best teacher in RUclips
I cant wait for the Bootcamp!
Sir im impressed
Thanks. It helps me a lot in learning css
plz make more videos like this from "100 Days CSS challenge"
it helps a lot for someone that just started learning CSS!
and add some JS to your videos plz
I HAVE NOT A KNOWLEDGE BUT I FEEL IT FROM YOUR EXPLANATION
You might be able to use a css counter or the attr() function to avoid duplication without using js
oh hell yeah!
So good tutorial
I was really hoping to see how you'd be able to solve this challenge with JS :P
love u i saw you many times free code camp pls speak slowly and go ahead ..from bangladesh
can I do this with only the visual studio ide only? or do I need to use something else too
pls teach Data structures and algorithms
You did 2 things wrong. On the oval position, the hole animation should be centred on the box. And second, the first animation is not on 180deg, it is 360deg. But still you did a good job there. Keep up!
I need you to cover Data Structures!! Please!! Or if someone can recommend some resources because I have been trying to learn from multiple resources and nothing is working.
Are you in Bali?
Mike with different haircut
Thanks @Mike! BTW here's a cool trick you can do to avoid duplicating keyframe css:
...
.square {
animation-name: spin;
...
}
@keyframes spin {
50% {
transform: rotate(var(--deg));
...
}
}
Inspiration came from: css-tricks.com/css-attr-function-got-nothin-custom-properties/
💝💝
Which program is this by chance?
Omg you cut your hair
When centering as a beginner, I highly recommend this guide: css-tricks.com/centering-css-complete-guide/
Also, less repetitive CSS, for those with the agony over 1000+ lines, can also be achieved with SCSS, supported by CodePen. (keeps your css in the place you would expect it to be, but you'll have to learn a bit of SCSS)
Lauch news about big fish - " bootcamp"
News coming soon! Stay tuned
Hello, I have a question,why don't we use Firefox as a web browser anymore?
Is pretty competent on web dev. Is pretty well established.
Can you out the number of the episode ?
Wondering why this guy didn't actually use Sass since the CodePen was using Sass. A single @for loop would have done all of it without having to copy paste repeat the CSS rules. If specificity ever was a concern you could also use just the single .square class and used :nth-child() selectors within the Sass for loop and achieved the same thing.
For those who don't know about Sass's core features, not only do you have variables and nesting, you have standard programming constructs like loops and conditionals, as well as SassScript. If you wanted to automate the markup with JS, you could just put the div.square's in with the String.repeat() method so you write the html once in a single line or two of JS.
Cool video though. I want to try out the 100 Days of CSS now that I know it exists.
Codepen is cool.
Hey Mike it's too hard to complete day without your video. Please understand my problem and cure it.
Hey Mike
can you make another one using javaScript ?
to achieve different rotations you could have used css variables without any javascript
/* StarLord is teaching programming on earth */
thank's
what I do not understand (so far) is what the following is:
box-shadow: 4px 8px 16px 0 rbga(0,0,0,0.1);
I get it defines the box-shadow, but what is the "0" and why is the color defined as above? my API (PyCharm) cannot make heads or tails of it.
Please do some tutorials on pygame lol plsssss
Can we zoom out pic ??
yooo
we want more
The first one
PLEASE DO 100 DAYS CSS CHALLENGE
kindly share the javascript version of this animation.
Respect from Pakistan 🇵🇰
U r Sant Kabir (god)for me
This video shows me why I don't like CSS. I don't want to copy and paste my code 20 times and just change a little variable each time. Even with JavaScript this is still absurd. Why is there no template system that avoids the absurd level of code duplication ?
Hi there 👋 Mike Dane please consider my message .
I learn your reactjs and I understand it clearly.
And I just wanted to request for full react course from you Sir
Thanks 👍👍👍
CSS rant
The 11th
more css animation want ...
pls zoom