HTML5 Archives - Vikas's Blog

Browsing posts in: HTML5

Apr 7, 2014 |

How to style HTML form fields using CSS 3 linear-gradient() function?

CSS 3 provides linear-gradient() function. That creates image using options supplied into that function(). So, we can use this image as background image of any HTML element. Moreover they are faster Read more [...]

Apr 6, 2014 |

0 comments

Flat UI – Simple HTML tabs without jQuery or any other library

jQuery UI provides extremely simple way to implement HTML tabs. In this tutorial I'll show how to implement that simple tabs without jQuery.HTML structure for Tabs

<div class="tabs">
				<ul>
				<li><a href="#tab1" class="active">Tab 1</a></li>
				<li><a href="#tab2">Tab 2</a></li>
				<li><a href="#tab3">Tab 3</a></li>
			</ul>
			<div id="tab1">
				<h1>Tab 1</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus nihil illo nobis sunt dolor iure nulla perferendis reprehenderit mollitia inventore laudantium cum deserunt quisquam esse excepturi aliquam eius cumque numquam.</p>
			</div>

			<div id="tab2">
				<h1>Tab 2</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque id iste quo quisquam hic dicta natus porro voluptatum illo in doloribus eligendi itaque vitae reprehenderit fugiat enim vero a sunt.</p>
			</div>

			<div id="tab3">
				<h1>Tab 3</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga porro amet voluptates dolorem hic minima officiis sed quae esse laborum eveniet maiores voluptatem architecto aspernatur aliquid nihil repellendus atque praesentium.</p>
			</div>
		</div>

<ul>

</ul>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus nihil illo nobis sunt dolor iure nulla perferendis reprehenderit mollitia inventore laudantium cum deserunt quisquam esse excepturi aliquam eius cumque numquam.</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque id iste quo quisquam hic dicta natus porro voluptatum illo in doloribus eligendi itaque vitae reprehenderit fugiat enim vero a sunt.</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga porro amet voluptates dolorem hic minima officiis sed quae esse laborum eveniet maiores voluptatem architecto aspernatur aliquid nihil repellendus atque praesentium.</p>

</div>

Here Read more [...]

Jan 18, 2014 |

0 comments

Tutorial – Inserting text and image content using CSS

Sometimes we don't have control over backend templates or doesn't seem feasible to update third party plugins code that frequently keep updating. In such situation, we could use javascript or css to Read more [...]

Jan 1, 2014 |

0 comments

jQuery Plugin – make jwplayer resumable for next visit and improve conversion

In my previous post I wrote jQuery plugin that resume flowplayer from the last played position. In this post I'll make jwplayer resumable.Resumable jwplayerMeaning is neat - when you host long Read more [...]

Dec 23, 2013 |

1 comment

Front-End Engineer in San Francisco – solved code interview questions

I've came to this site (via hacker news) had few frontend engineer's job interview questions. I've try to solved it quickly. May be you could solve it even more efficient way. Here are my solutions. Write Read more [...]

Dec 23, 2013 |

0 comments

Simple HTML5 geolocation plugin using jQuery

jQuery GeoLocation Plugin Ideally I'd like to handle HTML5 geolocation function graceful way using jQuery.

 $.geolocation(function (lat, lng) {
     // handle success					
 }, function (error) {
     // handle failure
 });

$.geolocation(function (lat, lng) {

// handle success

}, function (error) {

// handle failure

});

Above jQuery plugn function takes two arguments,geolocation Read more [...]