Posts

Screen loader animation with simple HTML and CSS | Just Code IT |

Image
Screen loader animation with HTML and CSS only  A screen loader is everywhere on the web. where ever you go, you'll get to see the loader animation. In the video below I've shown how to make an amazing loader with simple HTML and CSS, go and check it out 😉. The basic purpose to create such animations is that whenever the application takes time to load something, so for that time user shouldn't feel whether the app has stopped working or the screen just got frozen, these animation indicates that the application is in the process to do a task which is taking some time,  that's it.  If you haven't watched the video yet do watch it, also subscribe to my channel for more amazing web development stuff and animations like this 😊. CLICK HERE TO DOWNLOAD THE SOURCE CODE OF THE VIDEO BELOW

Toggle switch / custom checkbox with simple HTML and CSS | HTML 5 | CSS 3 | Just Code IT |

Image
Creating a toggle switch / custom checkbox with simple HTML and CSS Creating a toggle switch without JavaScript and pure CSS is very simple from today's web technology and also for a beginner in this web development / web designing world. When I was a beginner and learning basics web development (HTML and CSS ) . I used to feel to give up not because I didn't understand how's that created, while attending any lecture online I used to understand what the tutor is teaching but I was weak in applying it practically on my own without any help. I get comments in my video to teach whatever I'm doing, to that people I'll say " Your basics are not cleared of web development / web designing, so you must first learn them. Me explaining whatever stuff I'm doing won't even make any sense because it would be like I'll be telling you whatever is visible on the screen. You must first learn it's basic. My channel is just for those developers (students)

3D flip on hover using simple HTML and CSS | HTML 5 | CSS 3 | Just Code IT |

Image
3D flip on hover using simple HTML and CSS | HTML 5 | CSS 3 | Just Code IT | An amazing 3D flip effect on hover can be created by modern HTML and CSS, for simplicity or to show it a bit advanced, you can use JavaScript for it too, in-fact JS would make it a little simple for you.  Things would get developed more advanced in the coming future, we can't predict it so easily. Might be machines can learn to code by themselves XD, JUST KIDDING, hope this won't happen else we developers would loose our jobs and it would be not so far for machines to rule on humans. . Keep Learning! CLICK HERE TO DOWNLOAD THE SOURCE CODE OF THE VIDEO BELOW Click on the image to watch full video . . . Subscribe to my channel to watch more videos and animations like this and more stunning content to be coming in the future ;) . . Instagram: https://www.instagram.com/_coding.memes_/ Happy Coding!!!

Image focusing on hover effect with simple HTML and CSS | HTML5 | CSS3 | JustCodeIT |

Image
Image focusing on hover effect with simple HTML and CSS | HTML5 | CSS3 | JustCodeIT | . . CLICK HERE TO DOWNLOAD THE SOURCE CODE OF THE VIDEO BELOW CLICK ON THE IMAGE TO WATCH FULL VIDEO . . HAPPY CODING!

Neon Light Hover effect with simple HTML and CSS | JustCodeIT |

Image
Neon Light Hover effect with simple HTML and CSS | JustCodeIT | . . CLICK HERE TO DOWNLOAD THE SOURCE CODE OF THE BELOW VIDEO CLICK ON THE IMAGE TO WATCH FULL VIDEO . . HAPPY CODING !

Glowing dot on hover effect simply with pure HTML and CSS | JustCodeIT |

Image
Glowing dot on hover effect simply with pure HTML and CSS | JustCodeIT | . . Click here to download the source code of the video below . . Click here to watch full video . . . HAPPY CODING!