DEV Community

Cover image for Create A Sidebar Menu using HTML and CSS only

Create A Sidebar Menu using HTML and CSS only

CodingNepal on June 10, 2024

This article was originally published at https://www.codingnepalweb.com. As a website visitor, you’ve probably noticed sidebars on various sit...
Collapse
 
menelion profile image
André Polykanine

Sorry, I didn't test your solution thoroughly, but I see from the code that it's a bit… messy accessibility-wise, sorry for the word. first, headings inside lists seems not to be a good practice; then, your menu items repeat twice. Would a screen reader repeat them twice also? Sorry again, I can't tell anything more without real testing.

Collapse
 
sandeepkumarkuanar profile image
Sandeep Kumar Kuanar

This works, thanks for your efforts!! I am really grateful

Collapse
 
codingnepal profile image
CodingNepal

You're welcome! I'm glad it works for you!

Collapse
 
alexanderwalsh profile image
Alexander Walsh

Really useful. Will implement it for my future Projects. Thanks man 👍

Collapse
 
codingnepal profile image
CodingNepal

Glad you found it useful! Good luck with your future projects! 👍

Collapse
 
best_codes profile image
Best Codes

This is awesome, I'm saving this for future reference! Keep up the good work!

Collapse
 
codingnepal profile image
CodingNepal

Thanks a lot! Glad you found it useful!

Collapse
 
wiley19 profile image
Wilson

Awesome, I really need this knowledge for some project I'm working on.

Collapse
 
codingnepal profile image
CodingNepal

Glad to help! Good luck with your project!

Collapse
 
sanjuly profile image
Sandra Córdoba

Thank

Collapse
 
codingnepal profile image
CodingNepal

Thanks! I'm glad you're learning a lot!

Collapse
 
youjean83 profile image
Eugen Hildt

A good one. Thank you for the inspiration.

Collapse
 
codingnepal profile image
CodingNepal

Glad you liked it! You're welcome!

Collapse
 
muhammadanas8 profile image
MuhammadAnas8

Amazing

Collapse
 
codingnepal profile image
CodingNepal

Thank you :)

Collapse
 
albertobarrago profile image
alBz

great job ;-)

Collapse
 
codingnepal profile image
CodingNepal

Thank you :)

Collapse
 
syno profile image
Francis

Great job

Collapse
 
codingnepal profile image
CodingNepal

Thank you :)

Collapse
 
codewithsupriyo profile image
CodeWithSupriyo

Nice Idea, thank you for the Idea. 💡

Collapse
 
sanjuly profile image
Sandra Córdoba

No puedo hacer, scroll en el menú y no veo account, ayuda.

Collapse
 
netz99 profile image
SANASINH BOUNETHONE

Amazing Design !

Collapse
 
jangelodev profile image
João Angelo

Hi CodingNepal,
Top, very nice !
Thanks for sharing

Collapse
 
netz99 profile image
SANASINH BOUNETHONE

Good

Collapse
 
boibolang profile image
boibolang

Awesome

Collapse
 
ameenu112 profile image
Aminu Abdulmumin Amfani

It's so much easier however it's interesting

Collapse
 
minime031296 profile image
Mahak vyas

I am going to try this

Collapse
 
yubi_pangali_3e784b9aca93 profile image
Yubi Pangali

Such a useful project 👏 Thank you ✨

Collapse
 
zrubio profile image
Zaira

Awesome!

Collapse
 
yousufalazad profile image
Yousuf Al Azad

Thank you

Collapse
 
sarath_s_7666839b8685c165 profile image
Sarath S

great to a begginner

Collapse
 
don_joshua profile image
Don Joshua

Nice tutor

Collapse
 
iron_nabiyl profile image
Iron Nabiyl

Thankful

Collapse
 
santoshkumawat profile image
Santosh Kumawat

Great work. I am saving for future reference.