Create HTML Try It using HTML and JavaScript

Certain time it’s really boring to update file through text editor and switch to browser reload page if not get proper output then switch back to editor! Instead of this you can use own custom HTML Try It like w3school’s. It’s pretty simple technique. You need to create one large textarea which contains your html… | Click here to read more.

Display loader while loading page using CSS & jQuery

In many situations you want to show loader to users while page is loading. After loading this page this loading icon/image should be gone away. You can use below snippet for this, in which i am using css animation for producing look of progress ring of windows 8. However you can use any image/icon. Add… | Click here to read more.

How to use data attribute of html5 in JavaScript, jQuery, CSS3

In HTML5 we can also define our own attributes. Normally those attributes are prefixed with data-*. However it is not compulsory but if you are not using data prefix then may not work in all browsers. Those attributes are very helpful because we can easily access those attributes with JavaScript, jQuery, and CSS. Even we… | Click here to read more.

Tricks & Tips for .htaccess

.htaccess is a configuration file for use on web servers running the Apache Web Server software. These .htaccess files can be used to alter the configuration of the Apache Web Server software to enable/disable additional functionality and features that the Apache Web Server software has to offer. .htaccess in commonly used by almost frameworks such… | Click here to read more.

Case converter in JavaScript

There are many situations in which you need to convert case of text. This post contains various snippet for case converting including Upper case, Lower case, Toggle case, Sentence case, and Proper case using JavaScript. Click here to download HTML file contains demo. For Upper case we can simply use toUpperCase() method of string: For… | Click here to read more.

Add Scroll to top button in your webpage

If you want to add Scroll to top button then you can simply use window.scrollTo() methid of JavaScript. But it will not provide smooth scrolling. For smooth scrooling you need to use below snippet of JavaScript & CSS. Note that this code using jQuery methods, so you need to use jQuery.min.js file into your page…. | Click here to read more.

How to Disable right click using JavaScript

Some time your page contains sensitive data for example your page contains images and you don’t want user download those images by right clicking, in this situation you need to disable right click. However many developers are saying “Don’t do it” because we can’t  prevent users for this! However if you still want to disable… | Click here to read more.

How to Disable text selection using CSS

In most browsers, this can be achieved using proprietary variations on the CSS user-select property, the user-select is currently supported in all browsers except Internet Explorer 9 and earlier versions. Note that user-select a non-standard feature. It is not guaranteed to work everywhere, and there might be differences in implementation among browsers and in the future… | Click here to read more.