before semicolon logo Before Semicolon

How to Work with Date in Plain Javascript — No Libraries Needed

Javascript Date object is not very well-loved in the community. It is something Javascript adopted from Java but both grew in different…

Custom Date-Picker Web Component - Accessibility and Multi-language support built-in

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...

Custom Responsive Image Slider - How to create image slider/carousel using CSS and Javascript

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 ...

Custom Notification/Snackbar Component - how to create custom notifcation with CSS and Javascript

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...

Pagination Buttons - How to create pagination buttons with CSS and Javascript

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...

Generic Accordion with CSS & Javascript - How to create a custom Accordion

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 ...

Responsive Site Nav Menu CSS Only! - Hamburger and Full View Mobile Nav Menu

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...

Website Dark & Light Mode - How to Color Theme Website with CSS & Javascript

UI/UX Tips & Tricks

Website Dark & Light Mode - How to Color Theme Website with CSS & Javascript

A quick CSS and Javascript walkthrough on how to detect user color theme preference and setup your w...

CSS Custom Buttons - How To Create Cool Animated Buttons with Gradients, Shadows & 3D Transform

UI/UX Tips & Tricks

CSS Custom Buttons - How To Create Cool Animated Buttons with Gradients, Shadows & 3D Transform

A simple walkthrough on general type of buttons and how the style plays out on the hiearchy. 5 cool ...

more videos