Pure CSS Range Slider with custom variables
Tutorial for 'Pure CSS Range Slider with custom variables'Please follow me on Instagram and Youtube for the latest and more detailed CSS updates!Let's Begin! Create img element and 3 range sliders
Ima...
Annoying shouldn't be ugly, or cute animated validation.
You are going to annoy your users, if your website has at least 1 input/select/textarea/.../any other type of control, with validation.
So why we dont make it at least visually pleasant and entertaini...
Mobile Preview Cards v1
The first version of some interactive cards made to preview mobile layouts. The mock-up used here is the "individual issue" view of a web app I was helping Oni Press design and develop that allowed ...
Holy Grail Layout
Hey! check this CSS Grid challenge.Live URL: https://thek2j.github.io/Holy-Grail-challenge/
GitHub Code: https://github.com/thek2j/Holy-Grail-challenge.git...
🏆 Best AOS (Animate on Scroll) Libraries in 2025
Scroll animations can make your website more engaging, but which animate on scroll library should you use? Some are too heavy, others lack flexibility. After testing the top options, here’s my ranki...
Next-Level CSS: 10 Techniques to Seriously Boost Your Frontend
After over a decade in design and frontend development, I've come to appreciate the raw power of CSS. While JavaScript often gets the spotlight, CSS alone can create incredible interactive experiences...
How to Build a Custom LayerCSS Preprocessor in JavaScript: A Step-by-Step Plan
Are you ready to take your LayerCSS skills to the next level? Building a custom LayerCSS preprocessor is a fantastic way to learn more about LayerCSS, JavaScript, and parsing techniques. In this post,...
System.css: A CSS Library for Classic Apple System OS-Inspired Interfaces
System.css is a CSS library that recreates the classic look of Apple's System OS (1984–1991). Since System 1 through System 6 had minimal design changes, this library is based on System 6, the last ...