Web Notepad development [WIP]

Now.. like every form of study, programming has milestones too.

from writing a program to save contacts just by forming arrays, till... forming a third person RPG. And here i am taking little baby steps towards the first one.

With this said..
lets look into the world of site development as i plan my first..

last topic about 4gamesake.com would take till i develop my games, so in this site project i will try to figure as of how can i implement my thoughts and ideas on a website. That would help me refine my views and possibilities while thinking of another such idea.

I as a rookie will look.. search.. and develop with your comments and suggestions. That been said, i am not a CSS student and would need it majorly. But even if i need someone's help in it, I should know how something is being built.

So this is like my freetime project.

Lets jump in 

I hv just seen the basics of "functions( )" yet and i know that if there are triggers from the webpage in any form like mouse click, they can be used to run code on web . simple basic.
but this gave me an idea at the possibility of the ideas on websites are limitless.

There is a problem.
every time I have a project my browsers have 20 tabs open .. because i need information
this is the way i guess every lazy person interacts with the web.
but the problem starts when i try to document a note like this very post.
I personally believe that
its always better to know about what you are writing and hence create a richer text .

This strikes the idea of a web notepad.
sounds pretty boring right..?
well, wait till you experience it.

i wanted an environment that puts the user in
direct contact with the document he/ she is
creating

and this picture caught my eye
the lighting was soo soothing
that i just had to use it, got it
from free hd wallpapers search.

the body   {

                     background-picture:assigned

}

after you have got the idea of how this web notepad is going to be a project with beauty and creativity..

Lets look at the content of the website and the planning problems we would be facing.

the content

The site has to be divided into three major features :

* documenting new article

* reading loved parts from different websites.

* checking the document simultaneously about regarding topics

So i made this artwork according to how i visualize the website. But the work can never stop here as i am very curious how the site developer would make this project of mine work. 

Apart from these basic points, the site must have different tabs namely, 

My page.
            my page is the first picture in this post. this tab has a writing area on the left, searching area
 on right top and previous notes area on bottom right. it is the writer's private space.

Stories.
            stories tab contains the notes publicly shared by people around the world. since the notes can be your written document on any topic or can even be copied parts of different web-pages, the topics found in this tab would be limitless.

Keeps.
           I am still thinking what should the keep section contain.. I basically want it to be an area where the user keeps his created or collected notes under project names.

solving problems

Lets start with Stories.
We will start with the easiest part of the website. 
CSS (cascade styling sheet) is a part of the site development that ,as the name suggests..
adds styling to the page by positioning and giving different contents animation along with colours and sizes.
But as i said i have no experience with CSS so this leads us to gaining the required info.

The list should start with a brilliant channel i found on youtube

Adam Khoury's channel has resources for majorly most of the effects i have in mind. I recommend you checking out his channel for even additional effects that you desire in your website.

updating as i go... i'l post when i bring the art into the document     : gameartificer