360 likes
Β·
9.1K reads
38 comments
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!
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
The blob is amazing, this is cute and creative π
thank you so much Akebu!
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!
Lovely, thanks for sharing !!!
thank you for reading!
Nossa isso ficou Γ³timo, jΓ‘ tenho ate umas ideias para implementar. Obrigado.
thank you! (i translated this haha)
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:
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!
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
Love the article Yosra. Real comprehensive guide on how to create blob menu. π
thank you!!
Yosra, you genius! What a great component and a brilliant article to go with it.
Fantastic work!! πππ
thank you for your kind words Daniel!
This is cool. Bookmarked
thank you!
Great tutorial. Thank for sharing
thank you so much!
Loved this article Yosra!! That's very informative blog. Really liked that blob menu..π
thank you so much! I'm glad you liked it!
Wow. Great!!
thank you!
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!
It's really π
That design is ace π₯
Nice work π but semantic tags would be better)) .nav > nav & div > ul & li + a π π€π§βπ»
I have a question which is how can i highlight my code in my portfolio blog??