UI / UX
June 3, 2020
How to Install LAMP (Linux, Apache, MySql & PHP) on AWS EC2 with Ubuntu 20.04
In this article step-by-step process is discussed to setup LAMP stack in AWS EC2, with Ubuntu 20.04 as the operating system.
May 20, 2020
The new.target property can be used to detect whether a function was invoked as a constructor using the new operator, or just called normally.
May 18, 2020
Vertical Text, with Horizontal Letters in CSS
Creating a vertical direction text with horizontal characters can be achieved using text-orientation & writing-mode CSS properties.
May 16, 2020
Currently it is not possible to get file upload progress for fetch. The alternate solution for now is to use XMLHttpRequest.
May 14, 2020
How to Check If Element is Visible / Hidden in Page using Intersection Observer
Checking whether an element is visible or hidden in the full page, even through it may not be in screen view, can be done through an Intersection Observer. The trick is to set the root element to document.documentElement.
May 11, 2020
Detecting an element for change in dimensions using JS can be done with the ResizeObserver interface. This is supported in all modern browsers.
May 9, 2020
May 6, 2020
How to Position Element to Bottom of Its Container with CSS Flex
A multi-row layout where the last DIV needs to be placed at bottom of its parent container can be created using CSS flex, by setting margin-top as auto for the last element.
May 4, 2020
Getting Property Value in a Deeply Nested Object (using ES2020 Optional Chaining Operator)
April 29, 2020
How to Create LEFT-RIGHT Alignment of Containers with CSS Flex
A two-column layout, where the first item is aligned to the left, and the second item is aligned to the extreme right, can be created using justify-content CSS flex property.
April 27, 2020
Failed HTTP responses can be handled in fetch() by checking whether the returned Promise was rejected due to a network error. Subsequently the Response.ok property needs to be checked for an invalid HTTP status code.
April 25, 2020
Creating a Slider / Carousel with CSS Flexbox (with infinite repeating items in loop)
A responsive slider / carousel can be created with CSS flexbox using the order property. Items can be repeated infinitely in a circular loop by changing the order property each time.
April 22, 2020
April 20, 2020
How to Align Column DIVs as Left-Center-Right with CSS Flex
A three-column layout where items are aligned to left, center and right can be created with CSS flex, and using justify-content property.
April 13, 2020
April 5, 2020
Creating a Responsive Logo with CSS min() Function (No Media Query Involved)
A responsive logo can be achieved in a HTML page using the CSS min() function, without involving any media query.
March 13, 2020
March 11, 2020
Maintain Image Quality When Applying CSS Transform & Scale
While applying CSS transform on an image, and scaling it, a common problem comes up that the image becomes blurred. This can be largely improved using the CSS image-rendering property.
March 9, 2020
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.
© UsefulAngle.com 2016 - 2020. All code MIT license.
UsefulAngle on Twitter
UsefulAngle on Facebook