Pinned Repositories
Build-Gauge-With-HTML-CSS-JS
Build-Live-Code-Editor-Like-CodePen-W3School-JsFiddle-JsBin-Without-Plugins
Let's build your own live web code editor like w3school, codepen, jsfiddle, jsbin, etc. This editor can handle html, css & js code and can be resized.
Convert-Image-To-Editable-Text-With-JavaScript
With the help of JavaScript we'll Convert Image To Editable Text. So we'll extract text from image with Tesseract.js.
Customize-All-HTML-Form-Elements
We'll build custom text input field, custom checkbox, radio button, switch slider. Similarly, we'll add extra features like toggling password visibility and checking caps lock if on.
Fly-To-Shopping-Cart-Animation-With-Vanilla-JavaScript-
When you click on 'Add to Cart' button product image will fly and drop into 🛒 shopping cart. This kind of fly to 🛒 shopping cart effect is mostly found in e-commerce website. So let's build this add to cart animation with pure | vanilla JavaScript.
Number-Counting-Animation
we'll learn how to add number counting animation for your website using HTML, CSS & JavaScript. You can add this counter up animation to represent your number of clients, posts, projects and so on.
Product-Card-UI-Design-HTML-css
we'll Design modern looking Product Card with the help of HTML and CSS. Product Card Design is mostly used in e-commerce websites.
Responsive-HTML-Table-With-Pure-CSS---Web-Design-UI-Design
Without using CSS frameworks we'll build *Responsive HTML Table*. So, with pure CSS I'll show you how to create *Glassmorphism Responsive HTML Table*. Let's take UI design to next level.
Telephone-Input-Field-With-Country-Code-Flag
You probably don't want your users to have to type in a + sign and country code when they provide their phone number. This video will walk through how to build a phone number input field with country code and flag using HTML,CSS & vanilla JavaScript.
Video-Playlist-Gallery-Like-Udemy-Skillshare-HTML-CSS-JavaScript
Let's build responsive Video Playlist like Udemy and Skill Share. Video playlist gallery UI design is most found in educational websites. So, let's create video playlist together with html css & vanilla javascript.
JeetSaru's Repositories
JeetSaru/Responsive-HTML-Table-With-Pure-CSS---Web-Design-UI-Design
Without using CSS frameworks we'll build *Responsive HTML Table*. So, with pure CSS I'll show you how to create *Glassmorphism Responsive HTML Table*. Let's take UI design to next level.
JeetSaru/Video-Playlist-Gallery-Like-Udemy-Skillshare-HTML-CSS-JavaScript
Let's build responsive Video Playlist like Udemy and Skill Share. Video playlist gallery UI design is most found in educational websites. So, let's create video playlist together with html css & vanilla javascript.
JeetSaru/Build-Live-Code-Editor-Like-CodePen-W3School-JsFiddle-JsBin-Without-Plugins
Let's build your own live web code editor like w3school, codepen, jsfiddle, jsbin, etc. This editor can handle html, css & js code and can be resized.
JeetSaru/Telephone-Input-Field-With-Country-Code-Flag
You probably don't want your users to have to type in a + sign and country code when they provide their phone number. This video will walk through how to build a phone number input field with country code and flag using HTML,CSS & vanilla JavaScript.
JeetSaru/Convert-Image-To-Editable-Text-With-JavaScript
With the help of JavaScript we'll Convert Image To Editable Text. So we'll extract text from image with Tesseract.js.
JeetSaru/Fly-To-Shopping-Cart-Animation-With-Vanilla-JavaScript-
When you click on 'Add to Cart' button product image will fly and drop into 🛒 shopping cart. This kind of fly to 🛒 shopping cart effect is mostly found in e-commerce website. So let's build this add to cart animation with pure | vanilla JavaScript.
JeetSaru/Product-Card-UI-Design-HTML-css
we'll Design modern looking Product Card with the help of HTML and CSS. Product Card Design is mostly used in e-commerce websites.
JeetSaru/Build-Gauge-With-HTML-CSS-JS
JeetSaru/Customize-All-HTML-Form-Elements
We'll build custom text input field, custom checkbox, radio button, switch slider. Similarly, we'll add extra features like toggling password visibility and checking caps lock if on.
JeetSaru/Number-Counting-Animation
we'll learn how to add number counting animation for your website using HTML, CSS & JavaScript. You can add this counter up animation to represent your number of clients, posts, projects and so on.
JeetSaru/3D-Popup-Card
Let's build modern looking 3D Popup Card. After watching this video you'll get basic concept of CSS 3D animation.
JeetSaru/Analog-Clock-Using-JS
With the help of HTML, CSS & JS we'll build analog clock.
JeetSaru/Build-Skeleton-Loading-Animation-With-HTML-CSS-JS
let's create an animated loading card | skeleton loading. It is used by almost every website including YouTube itself. So, let's build animated skeleton loading with help of HTML, CSS & JS.
JeetSaru/Custom-File-Upload-Button-With-Preview-Image-Option-HMTL-CSS-JS
We'll learn how you can easily create custom file upload button and add preview image before uploading to your server. So with the help of JavaScript we'll add Preview image feature before upload. And we'll create custom file upload button with pure CSS.
JeetSaru/Drawing-Groot-With-Pure-CSS
With the help of Pure CSS we'll build marvel hero "Groot".
JeetSaru/Calculator-Web-App-Using-HTML-CSS-AND-JS
Create Calculator App with the help of HTML CSS and JS.