DEV Community

murtuza profile picture

murtuza

Author at CSS-Tricks. A Front-end Enthusiast, a programmer, a problem solver and a human being who tries to keep a good relationship with bugs!

Education

Computer Science

Work

Front-end developer

All 33 comments

Skeleton Loading for Social Media Embeds using CSS and JavaScript 🔥

Thank You!

Skeleton Loading for Social Media Embeds using CSS and JavaScript 🔥

True!

Dark mode toggle animation using CSS !

I intentionally did the toggling because I wanted to create s...

How to create Google's Material Design Text Input Field using CSS and JavaScript?

Now it's improved! Thanks for letting me know!

How to create an HTML generator with JavaScript?

To learn how they work!

How to create an HTML generator with JavaScript?

Honestly speaking, I didn't know much about templating HTML p...

How to create an HTML generator with JavaScript?

I agree! This was just me experimenting with template literal...

How to create an HTML generator with JavaScript?

Cool! More tutorials like this coming soon!

How to create a notification badge with CSS ?

This is great! But I tried to make it as simple as possible.

Dark mode toggle animation using CSS !

Thanks for mentioning that! I will take care of that.

How to create a notification badge with CSS ?

Sure, but I think this is the easy way!

How to create a notification badge with CSS ?

That's great!

How to create a notification badge with CSS ?

Thanks a lot!

How to create a notification badge with CSS ?

Improved!

The 7 Most Popular DEV Posts from the Past Week

Thank you 😊

Dark mode toggle animation using CSS !

I'm glad

Dark mode toggle animation using CSS !

Yeah, that is a decent trick.. You can visually hide the chec...

Dark mode toggle animation using CSS !

Yup :)

Dark mode toggle animation using CSS !

It's only for toggling the classes on 'click' event.

Dark mode toggle animation using CSS !

That's amazing! Thanks for telling me. I wasn't aware of this...

Dark mode toggle animation using CSS !

Oh, I didn't get it. How would you do that?

Dark mode toggle animation using CSS !

Yeah, because I have used SVG icons there and you must use fi...

Dark mode toggle animation using CSS !

Color change is visible. If you want to see it in slow motion...

Dark mode toggle animation using CSS !

Note:- The CodePen version of this tutorial is slightly diffe...

Dark mode toggle animation using CSS !

It's now embedded!

Dark mode toggle animation using CSS !

Make sure to link your CSS and JavaScript file with your HTML...

Dark mode toggle animation using CSS !

Great! You have to link your CSS and JavaScript file in your ...

Dark mode toggle animation using CSS !

Thanks 😊

Dark mode toggle animation using CSS !

Glad you like it

Dark mode toggle animation using CSS !

Okay, I will embed it!

Dark mode toggle animation using CSS !

Thanks !

How to create a notification badge with CSS ?

Sure, thanks. I will definitely take that into consideration.

How to create a notification badge with CSS ?

Great!

loading...