UI / UX
February 12, 2018
Width and height of an image can be found using the "naturalWidth" and "naturalHeight" properties of the image DOM element.
February 11, 2018
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.
February 6, 2018
February 4, 2018
November 13, 2017
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.
November 6, 2017
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.
November 5, 2017
Tracking Downloads with Google Analytics using Custom Events
November 3, 2017
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.
November 2, 2017
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.
November 1, 2017
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.
October 31, 2017
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
October 9, 2017
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.
October 3, 2017
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.
October 2, 2017
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.
September 27, 2017
September 23, 2017
September 21, 2017
September 20, 2017
August 30, 2017
June 2, 2017
Google Refresh Tokens : Answers to Some Common Questions
This article contains answers to common questions and confusions related to Google refresh tokens.
May 17, 2017
3 PHP Scripts that Can Help You to Have Your Own Social Networking Website
Creating a Facebook-like social networking website becomes a lot easier with these PHP scripts.
May 1, 2017
UI Tip : Replace your JPEG-PNG Logos by SVG ones
A SVG format logo will look far better than a jpeg or png format. SVGs bring high quality at a small file size.
May 1, 2017
UI Tip : Use Favico.js for Better Notification Management
April 28, 2017
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.
April 26, 2017
It is possible to get the thumbnail of a video at a specified duration using canvas and video html elements.
April 19, 2017
April 16, 2017
April 12, 2017
April 9, 2017
Visual Illustration of Offset Height, Client Height & Scroll Height
Visually understand the difference between offsetHeight, clientHeight & scrollHeight with a live DOM element.
April 9, 2017
Using the scrollHeight property you can make your textarea auto grow vertically based on its content.
April 9, 2017
Understanding clientHeight, offsetHeight & scrollHeight
offsetHeight = VISIBLE content & padding + border + scrollbar ● clientHeight = VISIBLE content & padding ● scrollHeight = ENTIRE content & padding (visible or hidden)
February 19, 2017
February 13, 2017
Lightboxes are one of the common things implemented in websites, so animating them is a good idea to impress your visitors.
January 30, 2017
Revealing Hidden Elements By CSS Animations
Examples of revealing (show & hide) elements through CSS animations.
January 29, 2017
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.
January 24, 2017
How to Install Apache, MySql, PHP & phpMyAdmin on Ubuntu 16 (LAMP Stack)
A tutorial on how to install the latest versions of Apache, PHP, Mysql and phpMyAdmin on Ubuntu 16.04
January 18, 2017
How to Upload to S3 Using PHP (AWS Signature v4)
This is a tutorial on uploading files to S3 using PHP, with AWS Signature v4.
January 14, 2017
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).
January 11, 2017
How to Move an Element in a Circular Path with CSS
Moving / animating an element along a circular path can be achieved by animating the CSS transform property.
January 10, 2017
How to Detect User Timezone in PHP
January 4, 2017
January 4, 2017
How to Add an Event with Google Calendar API using PHP
A tutorial on adding events with Google Calendar API v3 using PHP. Contains a demo.
January 2, 2017
A tutorial on how to handle multi-touch with the new Pointer Events.
December 28, 2016
Advantages of Using Pointer Events Over Mouse & Touch Events
The new Pointer Events can handle both mouse, touch and pen events without any special case handling. Start using them now !
December 27, 2016
Login with Pinterest using PHP
Pinterest OAuth API provides a simple way of integrating "Login with Pinterest" feature in your web application. Through this you can implement login and signup in your website. This tutorial explains the implementation of the login process using PHP.
December 22, 2016
Login with Instagram using PHP
Instagram OAuth API provides an easy way of integrating "Login with Instagram" feature in your web application. You can implement login and signup with Instagram in your website using PHP. You can also fetch data of the user such as name, picture etc.
December 19, 2016
December 15, 2016
How to Show a Loading Progress Bar in PDF.JS
In this tutorial we will discuss how we can implement a progress bar when PDF.JS loads a PDF.
December 14, 2016
PDF.JS being a complete PDF viewer also supports viewing of password protected PDFs. This means that your application can prompt the user for password of the PDF when trying to be viewed.
December 13, 2016
How to Execute a Script at Specific Time, Only Once, using PHP
Sometimes it is required to execute a PHP script at a given time, only once. Instead of using a cron job, schedule it through Linux "at" command.
I'm available for freelancing
If you've liked this article, you'll probably like my code too.
Low Prices from $20, Fast Delivery Time
© UsefulAngle.com 2017. All code MIT license.