Bootstrap

Bootstrap is a tool that helps you in making websites. It was developed at Twitter by some of their employees and is a popular framework for rapid web development. Bootstrap is a front end framework, that makes a front end developer’s life much easier. It helps with creating beautiful responsive layouts with its grid system. ...

Anchor Links with Fixed Header Part II

Anchor Links with Fixed Header Part II
In yesterday’s post we saw how to link to the middle of a page. However, when we add a fixed header this will mess things up. If you look at the example page, in the sidebar click on “C”. This will push the paragraph that starts with C all the way to the top behind ...

Anchor Links with a Fixed Header Part I 1

Anchor Links with a Fixed Header Part I
In the last two posts, we have created a fixed header and a scrollable sidebar. We have been viewing the demo of this functionality on this page. In this post and the next we will explore how to deal with anchor tags within a single page when dealing with fixed headers. Sometimes we want to ...

Scrollable Sidebar 1

Scrollable Sidebar
Last time we created a page with a fixed header up top. This can often be used for navigation or a banner. All the hot pages have fixed headers now! If you go to Twitter you can see it has a fixed header. Fixed headers have a lot of functional advantages. Suppose you are at ...

Fixed Headers 1

Fixed Headers
It’s been a while since I’ve posted, but I have learned a great deal over these past 6 weeks. I just haven’t gotten around to posting about it. Last time I posted I had been learning about jQuery and Postgres, but now my learning has progressed into project based learning in PHP, and mySQL. Last ...