Found 186 Search results for the term "concentration".

Design A Simple Hamburger To Cross Animation Menu Icon Using CSS

This code creates a hamburger-to-cross animation in CSS. The HTML sets up a navigation button, while the CSS styles the button and defines the animation properties. The JavaScript adds interactivity, ...

How To Customize Radio Buttons And Checkboxe Buttons With Pure CSS?

There are so many tutorials on the internet which help you to create custom checkboxes and radio buttons, but almost all of them use JavaScript or jQuery, which is totally redundant nowadays. If you w...

Mastering Time Management: Balancing Work, Play, And Personal Life

Time management holds the key to transforming your life and achieving your dreams. In this fast-paced world, every moment counts, and effective time management becomes the secret to finding balance an...

How To Create A Double Input Range Slider Using JavaScript?

In this tutorial we’ll be coding a double range price slider. While HTML does have a native range slider input this isn’t suitable for when a double range selection is required (min and max). So t...

Before After Image Slider Using Mouse Drag In Pure Vanilla JavaScript

This Vanilla JavaScript code snippet helps you to create before and after image comparison sliders. It comes with scrolling and touch support to slide the vertical slider over the image to see the bef...

Simple WYSIWYG Rich Text Editor Using Pure JavaScript

This JavaScript code snippet helps you to create a simple WYSIWYG-rich text editor with all basic commands.  It is purely built with HTML5, CSS, and JavaScript without using an additional library or ...

Pure JavaScript Voice To Text Recognition Code Snippet

The reason for speech recognition is for a PC or machine to effectively recognize the words verbally expressed by anybody. With this technique, there is no compelling reason to focus on more personal ...