Categories
Tutorials

Scroll to the Top of the page

Lately I visited E-commerce website and while I was surfing through there book section, I got lost. In few minutes I was no where and was desperate to find a place to start. It was even intimidating to scroll to the top of the page every time, although I know home key or scroll bar […]

Categories
Tutorials

Transitioning Element’s Height with CSS

No browser can animate a css property to and from auto correctly. In order to trick it we just need to add some numbers to initial and final state or the way to say this is to start and end state. So let’s start with an example where we would start how  animation and transition […]

Categories
Tutorials

How to make Embedded Video Responsive

Responsive design has been buzz word since 2010 when Ethan marcotte coined it for the very first time. But since mobile traffic started to take over desktop visitors, unwittingly, people started to apply responsive design approach on their existing websites. Ethan Marcotte in his article for alistapart, mentioned three simple rules to make your website […]

Categories
Tutorials

Git/Github Push tip

I love git and it’s counter part github, but whenever comes to uploading my local project to online, I always stuck at once place, which is pushing. You can think of pushing as uploading and in git terms we say pull instead of downloading. Git and Github combo is so good that I have started […]

Categories
Tutorials

Creating Simple Image Gallery Part 2

In part 1 we have created image gallery and in this post we will bring it to the end by adding interactivity. So now when ever we click on the thumbnail image, it’s full version has to be shown on the right column. For this purpose we will need a little Javascript. But don’t worry […]