Discussion on "How to make blob menu using HTML, CSS and JavaScript"

Yosra Emad · 2021-11-19T16:05:49.067Z

Motivation I got this idea after I found this awesome website called The Blob Maker that creates blob menus and gives you the SVG code for it! I wanted to create something because I enjoy how blobs look like. I wanted to make something simple with a...

This is a very good article I have ever read. The information you gave was moviedle quordle great and I learned a lot from you. I want to see the live version?

I have a question which is how can i highlight my code in my portfolio blog??

Nice work 👍 but semantic tags would be better)) .nav > nav & div > ul & li + a 😝 🤙🧑‍💻

That design is ace 🔥

This is a comprehensive guide on how to make the blob menu. Excited to put this into action, thank you for the guide Yosra!

thank you so much! would love to see your results!

Great tutorial. Thank for sharing

This is cool. Bookmarked

Yosra, you genius! What a great component and a brilliant article to go with it.

Fantastic work!! 👏👏👏

thank you for your kind words Daniel!

Love the article Yosra. Real comprehensive guide on how to create blob menu. 👏

Great work Yosra. It looks awesome though there is no live version for viewing the code pen, but may allah give you energy to achieve more

thank you so much! your words mean a lot to me :D

That menu looks creative, thanks for your guide.

The only thing that concerns me is the use of @import, which is bad for performance because slows down the initial render.

Check these links explaining that:

gtmetrix.com/avoid-css-import.html

csswizardry.com/2018/11/css-and-network-performan…

thanks! I only used it to get a new font :) It only downloads one font and there is no other way to get that font in codepen other than that :)

Yosra Emad Yes you can, just go to your HTML settings and insert your font links, like this:

Roel Magdaleno i didnt know that! i thought it wasnt available in codepen to add things in the head tag! thank you so much for telling me!

Nossa isso ficou ótimo, já tenho ate umas ideias para implementar. Obrigado.

thank you! (i translated this haha)

Lovely, thanks for sharing !!!

thank you for reading!

Great tutorial, Yosra! So well explained i can't wait to put this to practice! Thank you for sharing :)

thank you for your kind words Yuri!

The blob is amazing, this is cute and creative 😊

thank you so much Akebu!

That's fantastic Yosra! but why I can't see Live-version?

ahh! I'm sorry I forgot to add the codepen link in the blog, you can find it here: codepen.io/yosraemad/pen/GRvBrxR

I love this blob menu. And this is a comprehensive guide on how to create!

thank you so much Sumudu! I'm glad you liked it!

Discussion

How to make blob menu using HTML, CSS and JavaScript

Responses(21)

Recent in Forum

Search Hashnode

How to make blob menu using HTML, CSS and JavaScript

Responses(21)

Recent in Forum