UI / UX
April 5, 2020
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 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.
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 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 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 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 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 13, 2019
Disabling Pull-to-Refresh Feature on Mobile Browsers using CSS
Pull-to-refresh feature on mobile browsers that refreshes the page, can be disabled using the overflow-behaviour CSS property.
December 9, 2019
Latest CSS Properties and APIs for Web Design in 2020 (VIDEO)
Many next generation CSS properties and APIs have been introduced in browsers lately. These can help in creation of user interfaces that were previously not possible or were difficult to achieve.
November 26, 2019
CSS Selector to Select Elements Not Having Certain Class / Attribute / Type
Many times it may be required to select elements that are not having a specific class, attribute, id etc. This can be achieved using the CSS :not pseudo-class selector.
November 22, 2019
Creating HTML Tables with Fixed Header on Scroll using position: sticky CSS
November 14, 2019
Difference Between Pseudo-Class and Pseudo-Element in CSS
Pseudo-class and pseudo-element are both CSS selectors, however pseudo-class represents a virtual CSS class, whereas pseudo-element represents a virtual HTML element.
November 12, 2019
How to Change Placeholder Color for Textboxes
Color of the text specified by the placeholder attribute in input fields can be changed using the ::placeholder CSS selector.
October 11, 2019
How to Create a Checkmark / Tick with CSS
A checkmark or a tick icon can be created with pure CSS by drawing two straight lines and rotating them.
September 27, 2019
Using CSS :placeholder-shown to Customize Styles for Empty Text Input
:placeholder-shown is a selector for 〈input〉and〈textarea〉 elements who are currently showing placeholder text. This can be be used in forms to highlight empty text input.
September 15, 2019
The window.getComputedStyle() method can be used to get current values of CSS properties of an element.
August 12, 2019
CSS Grid Video Course
This video offers an introduction to CSS Grid. It can be used to create responsive user interfaces by dividing the web page into a grid of rows and columns.
July 25, 2019
June 6, 2019
CSS Variables (VIDEO)
CSS variables makes many UI problems easy, which were not straightforward before. This video will show you many interesting details about CSS variables.
© UsefulAngle.com 2016 - 2020. All code MIT license.
UsefulAngle on Twitter
UsefulAngle on Facebook