Jeet Saru's repositories
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.
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.
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.
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.
Analog-Clock-Using-JS
With the help of HTML, CSS & JS we'll build analog clock.
Calculator-Web-App-Using-HTML-CSS-AND-JS
Create Calculator App with the help of HTML CSS and JS.
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.
3D-Popup-Card
Let's build modern looking 3D Popup Card. After watching this video you'll get basic concept of CSS 3D animation.
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.
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.
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.
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.
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.
Drawing-Groot-With-Pure-CSS
With the help of Pure CSS we'll build marvel hero "Groot".