Bootstrap Style Gradient Button Set

Coded bootstrap style gradient buttons. May help somebody
https://codepen.io/anon/pen/dWVwVE

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.

Control elements visibility with bootstrap css

There is no doubt that bootstrap is one of the best css frameworks that are available today. It has lot useful css classes that make our web development easy.

In this small article I am explaining about hide elements with bootstrap css classes

 Hide on screens less than 768px width

.hidden-xs

 Hide on screens width between 768px(include) and 992px(exclude)

.hidden-sm

 Hide on screens width between 992px (include) and 1200px(exclude)

.hidden-md

 Hide on screens width anything above or equal 1200px

.hidden-lg

Simple demo for this is available here http://jsfiddle.net/mannemvamsi/x7dy3mcf/

Google apps style navigation

I have seen different types of navigation menu styles for websites and apps. But the most user friendly menu style I have come across is google apps style navigation.

An example app that I can refer is gmail app and an example website I can give is google store

Making a full page navigation for all devices

Having responsive site navigation is important for a website and also it is necessary to have good user experience on all the platforms