DEECODER

  In this video, we will create a text to speech converter using javascript. For a preview click on  Demo If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE   html > < html   lang = "en" > < head >     < meta   charset = "UTF-8" >     < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >     < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >     < title >Text To Speach Converter</ title >      <!-- style.css -->     < link   rel = "stylesheet"   href = "style.css" > </ head > < body >     < input   type = "text"   placeholder = &q

In this video, we will create a hover animated GIF using HTML & CSS. When we hover on the image box the image change into a GIF image. You can easily create this with only CSS. For a preview click on  Demo If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  http-equiv = " X-UA-Compatible "   content = " IE=edge " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Play GIF on hover </ title >      <!-- style -->      < link  rel = " stylesheet "   href = " st

In this video, we will create a pie chart using chart.js.  That you can use it in your next project like the admin panel or dashboard to get more impressions and a better UI UX experience. For a preview click on  Demo This tutorial is only on Pie chart but I describe all the type of charts that in the chart.js If you have any error or doubts click on the link and read the docs carefully  Chart.js   If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  http-equiv = " X-UA-Compatible "   content = " IE=edge " >      < meta  name = " viewport "   content = " width

In this video, we will create an awesome card UI design with an amazing hover animation effect using only HTML & CSS. You can use it in your next project to get more of a client or user impression. If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  http-equiv = " X-UA-Compatible "   content = " IE=edge " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Awesome Card Design </ title >      < link  rel = " stylesheet "   href = " style.css " > </ head &

In this video, we will create a preloader animation for a website using HTML & CSS only. If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  http-equiv = " X-UA-Compatible "   content = " IE=edge " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Preloader </ title >      <!-- style css -->      < link  rel = " stylesheet "   href = " style.css " > </ head > < body >      <!-- balls -->      < div  class = " balls " &