Changing Size of Iframe Automatically to Fit Content
You can inform the parent about the changed size of the iframe page by passing messages from the iframe to the parent. This is helpful in preventing scrollbars from coming up.
Tracking Downloads with Google Analytics using Custom Events
Track downloads happening on your website using Google Analytics, and a bit of Javascript. See the analytics data in the Google Analytics dashboard.
Setting HTTP Headers in a Beacon Request
The Beacon API extracts the type of the transmitted data, and sets this as the Content-Type for the HTTP request.
Sending AJAX Data when User Moves Away / Exits from Page
It is sometimes required that your application sends an AJAX to the server before the user moves away from the page (goes to another page, reloads the page, closes the browser etc). The tutorial explains how to do this.
How to Handle CSS in Browser Full-Screen Mode
When an element goes to full-screen , you can change the user interface by changing CSS properties. Tutorial handles all the cases that can possibly come.
How to Detect Browser Language with Javascript
Using navigator.language property, you can detect browser language with Javascript.
Google Login with Javascript API
You can implementing "Login with Google" feature using only Javascript, using the Google SDK. This tutorial shows how to get a user to login with Google, and get his profile information.
Implementing 'Read More - Read Less' in Javascript
A good way to reduce a long text to a shorter one is by implementing "Read More - Read Less" functionality with Javascript.
UI Tip : Using Animated Favicon to Attract User Attention for an Inactive Browser Tab
While the user is on a different browser tab, you can get his attention by animating the favicon of the website.
How to Get Video Thumbnails with Javascript
It is possible to get the thumbnail of a video at a specified duration using canvas and video html elements.
How to Animate a Favicon in (Most) Browsers with Javascript
Only Firefox allows an animated GIF as favicon. To achieve an animated effect in rest of the browsers, you need to keep changing the favicon at regular intervals with Javascript.
Writing jQuery closest() in Pure Javascript
$.closest() is one of the most useful functions in jQuery. Know how to write this in pure Javascript.
Writing jQuery find() in Pure Javascript
$.find() is one of the most useful functions in jQuery. Know how to write this in pure Javascript.
Visual Illustration of Offset Height, Client Height & Scroll Height
Visually understand the difference between offsetHeight, clientHeight & scrollHeight with a live DOM element.
Auto Grow a Textarea with Javascript
Using the scrollHeight property you can make your textarea auto grow vertically based on its content.
Understanding clientHeight, offsetHeight & scrollHeight
offsetHeight = VISIBLE content & padding + border + scrollbar ● clientHeight = VISIBLE content & padding ● scrollHeight = ENTIRE content & padding (visible or hidden)
How to Add CSS Rules to a Stylesheet with Javascript
You can use insertRule to add new CSS rules to a stylesheet using Javascript.
Revealing Hidden Elements By CSS Animations
Examples of revealing (show & hide) elements through CSS animations.
Validate URL form field in Javascript Without Regular Expression
By using an input element of type URL and HTML5 Constraint Validation API, you can eliminate the need of a regular expression for form validation.
How to Move an Element in a Circular Path with CSS Offset-Path (Motion Path)
Moving / animating an element along a circular path can be achieved by CSS Offset Path (Motion Path).