Before Semicolon
published: Wed, May 19, 2021 . 4 min read
How to Style any Input Field – Tips and Techniques
The HTML input field is simple, powerful, and does what it was meant to do.
UI/UX Tips & Tricks
Custom CSS Loading Indicators - Spinner, Loading Bar, Bouncing Dots, Skeleton Loader, Overlay Loader
A simple CSS walkthrough on how to create some common and basic loading indicators (Spinner, Loading...
UI/UX Tips & Tricks
Custom Progress Indicator for upload, download and forms
A CSS and Javascript walkthrough on how to create a simple progress indicator that can be used for u...
UI/UX Tips & Tricks
Custom Date-Picker Web Component - Accessibility and Multi-language support built-in
A Javascript walkthrough on how to create a custom date picker using OOP and web components with acc...
UI/UX Tips & Tricks
Custom Responsive Image Slider - How to create image slider/carousel using CSS and Javascript
A CSS and Js walkthrough on how to create a simple and responsive image slider using builder design ...
UI/UX Tips & Tricks
Custom Notification/Snackbar Component - how to create custom notifcation with CSS and Javascript
A CSS and Javascript walkthrough on how to create a custom notifcation component that can be used as...
UI/UX Tips & Tricks
Pagination Buttons - How to create pagination buttons with CSS and Javascript
A simple walkthrough on how to create a simple pagination button similar to the one used in the goog...
UI/UX Tips & Tricks
Generic Accordion with CSS & Javascript - How to create a custom Accordion
A walkthrough on how to create a generic accordion for any HTML markup with CSS and Javascript. How ...
UI/UX Tips & Tricks
Responsive Site Nav Menu CSS Only! - Hamburger and Full View Mobile Nav Menu
A CSS walkthrough on how to create a responsive accessible website nav menu with CSS only. How to cr...