Hey my fellow Nairalanders and programmer's.

I just decided to post these website I have been programing through out today using my PHONE (yes my phone cause i don't have a system). Though i won't say it really the best, but it one of the best I can say I have tried programing ever since I have been learning HTML, CSS AND JAVASCRIPT online...

In the web, I actually tried adding a side bar in which when you click on that too three button at the header, it would pop up the side bar(I actually achieved that using JavaScript and I added a transition to it using CSS).

PLEASE guys rate my work. I know it not very good, but I pray when I get a system i would create something better than these;

More

Could you kindly share the html/ js source codes for the 3 buttons that gives the side bar, coz I don't see them in your screenshots

You used Bootstrap?

Bloggingtips:
You used Bootstrap?

He didn't use bootstrap. What's your obsession with bootstrap sef?
You can do great designs without using it.

Patiee:
Could you kindly share the html/ js source codes for the 3 buttons that gives the side bar, coz I don't see them in your screenshots

Bro. First of all you need to add a function to that three button on your Html file (example onclick="myFunction ()", after that you will add an "id name" to the div of the side bar so you can call on it in your js for it to appear.

Now coming to your js, it all simple, all you have to do is (example below)

function myFunction () {
document.getElementById("then you will add the id of your side bar here".style.display = "block"
}
Make sure you have made the display of the side bar " none" in your CSS. If there still any questions you need let me know

Haymaykar:
Bro. First of all you need to add a function to that three button on your Html file (example onclick="myFunction ()", after that you will add an "id name" to the div of the side bar so you can call on it in your js for it to appear.

Now coming to your js, it all simple, all you have to do is (example below)

function myFunction () {
document.getElementById("then you will add the id of your side bar here".style.display = "block"
}
Make sure you have made the display of the side bar " none" in your CSS. If there still any questions you need let me know

Do I use the normal button tag to make those 3 buttons, I find those 3 buttons different from those made by normal button tag. If so I'm i supposed to put onclick event in all of the 3 buttons?
I find it difficult to understand through words.Could you just share the codes please.

Emmyloyalty:


He didn't use bootstrap. What's your obsession with bootstrap sef?
You can do great designs without using it.

Oh I see

What is the name of the code editor that used in coding on your phone

coded from a mobile phone right? try viewing it on a laptop computer...