🛑 Code and DEPLOY a CSS Animated Website! Learn CSS transform, animations, SVGs

____

⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

You can also find me on:

[msCandelicius]

This blew my mind, and learning how to make it makes me feel amazing and lucky. Thank you for the joy you're giving me with this tutorial! ♥ Love from Argentina

[Kneetbomb]

Big thanks Ania. Watching you build this website really helped my understanding of creating svg and animating them. As there are few videos that helps explain how to implement them on a website properly. Thanks again

[RancorSweetly]

Love this content. Nothing like absorbing this info and watching you work

[gememmi]

Hi Ania! Thank you so much for this amazing course, I am learning and reviewing so much :) I am having some difficulty when applying the styling to the pills and boxes, but I believe my mistakes might lie in the HTML portion. Do you have any intention to release the repo? I was hoping to double check my work. Thanks, you're the best.

[leeuwa]

Great tutorial. Thanks. I've got a 'small' problem: the css code for the slider is not working in Firefox browser??? In Safari or Chrome it is working.

[arnoscene]

really cool stuff, is there a way to colour code the divs in VS code?

[TheMaumeister]

When you were counting the index position of the separate elements, how come you counted the fan elements individually to come up with index '11' for the xLetterIndex, but treated it as a single element to come up with index '3' for the rotateIconIndex? The tutorial was fun and easy to follow along with, the only section that confused me a bit was the color palette portion. Thanks for your hard work!

[akifahmed]

Project is interesting but its not beginner friendly. Instead of writing all the HTML code at once you could have written it bit by bit and simultaneously coding its CSS part to make it easier to understand visually.

[DeN-tfhg]

Ania ur AWESOME! привет из Минска <3

[Alex-fwo]

Love these videos, but I have one medium complaint:

Why are you so zoomed into the code?
It would be awesome to see more of the file as you go along.

I like your videos, though. Coding tutorials with videos are always worthless to me but at least I'm learning things for yours!
Thank you.

[taylorwade]

does anyone have the final code/repo for this? I made a mistake but can't figure out where heh ^_^'

[artfive]

Это самое интересное и лучшее видео которое я смотрел!

[Ryuraaan]

You look like so a wonder, and you do what all would like to master. Do you educate yourself or do you reflect the possibilities?

[ScottzPlaylists]

I have a gread Idea you could code. Here's my idea for "Offline AI DVR for Youtube"

Have an input folder of Files to Classify by the filenames that are the title of the youtube video called Input_Folder
Have a Output_Folders directory, where the Subfolder Names under Output_Folders are the Classes to train a neural net, to specify where the files should be copied to. I already have this setup and lots of youtube videos already manually moved into the Subfolders. This could be used to train the classifier. once trained I'd like to run the classifier on each filename in Input_Folder, the classifier would tell me the folder name to copy it to (I would call it Folder_Destination).
Python would copy the file to This would be an awsome little AI to organize files when you already have started the organizing. I use a nice little tool called "WinX YouTube Downloader" to get the files I've put in a public folder named like "12"(the Date I started a new download list) as I browse Youtube, I "Save to Playlist" and put it in "12" to put on my HD Later. WinX even puts them in a folder called "12 in this example.
Then when I'm ready to Download and organize I copy the URL of the Playlist, paste it into Winx and it gets all the video files and puts them in "12". Then there's the long process of organizing them into categories on my HD like described above, so I can view Videos by catagory at my leisure. ( I used to be Offline most of the time, there was a method to my madness to get lots of videos for watching later).
See all my Playlist names, and you can see I have a lot of interests. I keep the best videos by category on youtube playlists.
It would be so nice to have the program I described and it would be the main component in a larger program later that would be like an Offline AI DVR for Youtube. Thanks for reading this long post, hope you whip up the code as a better programmer than me!

[aiantassmaklis]

did anyone had a problem with webkit-appearance too?

[BlackRoseSempai]

Super bummed that I got an hour and a half into this and can't continue because there's no repo link to get the colors.

[akshayaileni]

Am I the only one who's getting different output when I apply styles to the pill!?

[mohammedsayed]

u are moza 😂❤ just search it it's an Egyptian word

[moosasaboor]

Hit like if u clicked just to watch her beauty instead of learning.