Making a fullscreen image slider

We already know videos in webpage offers a button to make the video view-able in full-screen mode. It will be really nice if we can make our high quality image slider to be presented in full-screen.

In this small tutorial we will see making the slider full-screen.

To make my demo easy, I took basic image slider from bootstrap.

Making a responsive navigation without any additional css framework

This small tutorial will show you how to create a simple responsive navigation that works for any device.

Making a hamburger icon with pure css

Hamburger icon is used across all platforms, initially people were using it for mobile devices but now it is used on regular websites as well for indicating menu.

Since this hamburger icon spread ed across all devices and everybody knows what that icons means -- something hidden in there (i.e menu) or some options, So, I spent few minutes to code that with css.

Serving first HTML with node.js

Last week I have written hello world with node js i.e how to write first javascript file on the server side and how to execute it with node.js

In this tutorial, we will see how to start our own server and throwing first html with it. This is achived in two steps

Few interesting arts with sketch.js

I just found these interesting arts with sketch.js. This minimal footprint javascript library lets you to code fun things in your web designs.

You can do unlimited things with sketch javascript library.

Below are few examples done with sketch.js

Pulling your data attributes using CSS pseudo property

I learned this recently and have been using it frequently, getting the html data attributes to content using css pseudo properties.

In this article, we will actually see how to control position of an element using css and also getting the data attribute using css content property.