UI / UX
February 9, 2020
Get Date and Time for a Given Timezone in Node.js
The toLocaleString() method of the Date() object can be used to get date and time for a given IANA timezone name in Node.
February 3, 2020
Using formdata Event for AJAX Form Submissions
The newly introduced formdata event can enable the Javscript FormData object to participate in form submissions. When trying to submit a form via AJAX, this is helpful to include custom elements in the request.
February 1, 2020
Base64 Encoding and Decoding in Node.JS
January 30, 2020
How to Make a DIV 100% of the Window Height using CSS
Making the height of a container element same as that of the window is useful in cases where there is a hero content to be presented. This can be done by setting the CSS height of the element in vh units.
January 28, 2020
Download File from AWS S3 Bucket and Save to Local Server using API (PHP)
This article contains sample PHP code that implement the GetObject S3 API call. It will download a file from a S3 bucket, and save it to local server.
January 15, 2020
January 13, 2020
How to Create a Black and White Image with CSS
An image can be converted to grayscale or black & white by applying the grayscale CSS filter on it. Even a partial grayscale conversion can be done.
January 12, 2020
January 9, 2020
The binary data of a local file selected by the user can be retrieved using the readAsBinaryString method of a FileReader object.
January 8, 2020
CSS Latest Updates - Inner & Outer Values of display Property
The CSS display property has been upgraded to a two-valued syntax. This will allow us to make new layouts that were not possible before.
January 6, 2020
How to Change Link Underline Color using text-decoration-color CSS
By default, the color of the underline in a link is the same as its text color. However with the newly introduced text-decoration-color CSS property, the underline and the text can have different colors.
January 5, 2020
How to Check if Cookies are Enabled or Disabled
Without cookies being enabled in the browser, some web applications may not work as expected. To prevent such cases navigator.cookieEnabled property can be used to do a prior check whether cookies are enabled or not.
January 2, 2020
Checking for a Secure Context Before Running User Sensitive Code
Browsers allow user-sensitive and low-level web APIs to execute only when the page is in a secure context. In addition, the window.isSecureContext property can be used to check whether the current environment is safe or not.
January 1, 2020
CSS Updates - New Properties for Styling Text Decorations & Underlines (VIDEO)
The new CSS properties such as text-decoration-thickness, text-decoration-color etc can help in creating attractive text decorations and underlines, which were not possible before.
December 29, 2019
How to Prevent Sending the Referring URL when Clicking a Link
The referring url may compromise user privacy when a link is clicked. However this can be prevented through the referrer meta tag, or using the referrerpolicy attribute on hyperlinks.
December 28, 2019
How to Create a Dark / Light Mode for Websites
Giving user the preference of choosing a dark or light mode has become a very popular feature of operating systems. Webpages can also be shown in dark or light theme depending on the mode chosen in the device settings.
December 26, 2019
Tracking Clicked Links using ping Attribute of〈a〉Tag
The ping attribute can be included in link tags to notify the server when the link is clicked. This can be used for tracking purposes.
December 25, 2019
HTML〈output〉Tag - Representing Output of a Performed Calculation or User Action
December 24, 2019
How to Lazy Load HTML Videos
HTML videos can be lazily loaded using the preload attribute of the 〈video〉element. preload="none" needs to be set to disable pre-loading of the video.
December 22, 2019
An Introduction to Variable Fonts and Using Them in Webpages (VIDEO)
Variable fonts is a new font technology that allows a single font file to store multiple variations of the font. Variable fonts are going to bring a major change in web design.
© UsefulAngle.com 2016 - 2020. All code MIT license.
UsefulAngle on Twitter
UsefulAngle on Facebook