UI / UX
October 10, 2018
Routing in Node.js (without framework)
Frameworks such as ExpressJS makes routing quite easy. But initially it is important to understand how routing works in Node.js, and not to jump to ExpressJS straightaway.
October 8, 2018
July 6, 2018
The very useful PDF.JS library makes it possible to show a preview of the PDF before uploading to server.
July 4, 2018
Showing a preview of the image before being uploaded to server provides a good user experience. You can show a preview image using the URL.createObjectURL method on the selected file.
July 2, 2018
Typewriter Animation with Pure CSS
June 28, 2018
The Useful <time> HTML Element
The time tag defines date and time in a HTML document. This tag is helpful in making the markup more structured, so that it becomes easier for machines to interpret the page.
June 26, 2018
June 19, 2018
June 18, 2018
This tutorial explains how you can change url parameters - edit, add or delete, using the URL and URLSearchParams objects.
June 15, 2018
Some Less Known CSS Properties for Form Input Fields
This post briefly discusses some less popular CSS properties for form inputs, for example tab-index, caret-color etc. You can use them to make your form even more effective.
June 13, 2018
The feature of copying something to the OS clipboard is quite useful for the end user. In a web page it can be implemented with the Selection API.
June 11, 2018
The URL and URLSearchParams objects makes it very easy to get parameters in a url.
June 9, 2018
How to Write a REST API Class for Node.js
While implementing an API with Node.js, it is better to write it as a class, create a module, and import the module in the main Node.js script. This tutorial describes general coding guidelines how you can create such a class.
June 7, 2018
June 5, 2018
Typing effect is a good way to grab user attention. To implement typing effect, you can start by showing the first character initially; after a few milliseconds you can show the first 2 characters; and so on till the whole sentence has been shown.
June 3, 2018
March 13, 2018
Setting HTTP Cache Headers with PHP
Through the header() function it is possible to set "Cache-Control" and "ETag" headers in a PHP script.
March 6, 2018
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.
March 6, 2018
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.
February 12, 2018
Width and height of an image can be found using the "naturalWidth" and "naturalHeight" properties of the image DOM element.
© UsefulAngle.com 2016 - 2019. All code MIT license.