Dynamically Loading Fonts with Javascript
There are some cases where an application must load a font dynamically rather than setting it through the @font-face CSS rule. Fonts can be downloaded with Javascript using the new CSS Font Loading API.
Setting HTTP Cache Headers with PHP
Through the header() function it is possible to set "Cache-Control" and "ETag" headers in a PHP script.
HTTP Caching for Web Applications - Practical Examples of Cache Headers
HTTP caching can be achieved by sending Cache-Control and ETag headers from the server. This tutorial explains caching through some examples where HTTP headers are exchanged between the browser and the server.
HTTP Caching for Web Applications - Cache Headers Explained
HTTP caching gives a good performance boost to your websites and applications. Caching can be implemented through a combination of Cache-Control and ETag response headers.
How to Get Image Dimensions (Width & Height) with Javascript
Width and height of an image can be found using the "naturalWidth" and "naturalHeight" properties of the image DOM element.
Creating a Full Height Page with Fixed Sidebar and Scrollable Content Area
Webpages with a fixed sidebar and a scrollable content area are quite popular. The page expands to 100% height of the screen. Depending upon the height, both the sidebar and content may have scrollbars.
Javascript - Downloading Files with AJAX and Showing a Progess Bar
Currently most of the web applications show a normal link for the user to download a file. However it is also possible to download a file using a Javascript AJAX request.
Pure Javascript - AJAX File Uploading and Showing Progess Percentage
This tutorial shows how to upload a file using Javascript. It includes everything that is involved - from selecting a file, validating its type and size, sending an AJAX request and showing the upload progress of the file.
Verifying Paypal IDs by Implementing Login with Paypal (using PHP)
While asking a user for his Paypal account, it is better to verify it. This can be done by implementing Login with Paypal, and getting the verified ID via API calls.
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.
Creating a Page with Sidebar and Main Content Area using HTML & CSS
Popularly used in admin pages, a page with a left sidebar to hold menu options, and a section to hold the main content is one simple design that looks good.
How to Create, Update & Delete Spreadsheet with Google Sheets API using PHP
This tutorial explains how to create, update & delete a Google spreadsheet using Sheets API and PHP
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 Update and Delete an Event with Google Calendar API using PHP
Updating and deleting an event with Google Calendar API. Contains a demo.
PDF Viewer Plugin - Embed PDF Documents in Wordpress
PDF Viewer is a Wordpress plugin to embed PDF files in your Wordpress website. You can download it for free.
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.