Your Web News in One Place

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
July 11, 2021 12:51 pm GMT

30days30submits (HTML, CSS, JS)

GitHub Repo stars YouTube Channel Subscribers

30days30submits

Boost your HTML, CSS, JS Skills with these small to medium projects.

In this challenge, I submitted 30 little to medium size projects. Sometimes I made a little website component or sometimes some JavaScript app as a submit. I did it to boost my HTML, CSS & JS skills. Down here you will find all the live previews and YouTube videos (how I made it). Also here is the full playlist for this #30days30submits challenge => playlist.

Follow Me : FB - IG - TW

Web Cifar : YT - FB - IG - TW - WEBSITE

dayProject Namesource Code/previewYouTube Video
day-1Custom Cursorhttps://codepen.io/Web_Cifar/pen/OJMrzaBhttps://youtu.be/de4W0EHMuUs
day-2Theme Switcherhttps://codepen.io/Web_Cifar/pen/OJMrdbqhttps://youtu.be/D1yg4T37qYo
day-3Random Dad Jokes Generatorhttps://codepen.io/Web_Cifar/pen/XWXOZWXhttps://youtu.be/UDIfuvLEkjU
day-4Numbers APIhttps://codepen.io/Web_Cifar/pen/PoZLpoGhttps://youtu.be/s3LFCErzmHI
day-5Countdown Timerhttps://codepen.io/Web_Cifar/pen/OJMGPbbhttps://youtu.be/_a4XCarxwr8
day-6Featured Sectionhttps://codepen.io/Web_Cifar/pen/WNrWxYGhttps://youtu.be/L4k3_elYm2U
day-7Photo gallery p-1https://codepen.io/Web_Cifar/pen/wvMbwdjhttps://youtu.be/URymtcPO11A
day-8Photo gallery p-2 [Pexels API]https://github.com/ShaifArfan/30days30submits/tree/master/day-8https://youtu.be/gGBpmzLN1Hw
day-9Read More Buttonhttps://codepen.io/Web_Cifar/pen/OJMeVxxhttps://youtu.be/TvVY8c1uvG8
day-10key Code Generator Apphttps://codepen.io/Web_Cifar/pen/eYJwvKVhttps://youtu.be/jOLwRV6xSwA
day-11CSS animated Menuhttps://codepen.io/Web_Cifar/pen/eYJqdxyhttps://youtu.be/q8vmz-R_3Ck
day-12CSS Flex Galleryhttps://codepen.io/Web_Cifar/pen/wvMVmZNhttps://youtu.be/Z6IZ2NOEzmw
day-13Analog Clockhttps://codepen.io/Web_Cifar/pen/LYNYmpbhttps://youtu.be/6xEQ_jA5V2Y
day-14Digital Clockhttps://codepen.io/Web_Cifar/pen/MWyYaBPhttps://youtu.be/gmNhRyxAPpw
day-15BG Color Changerhttps://codepen.io/Web_Cifar/pen/dyMPmwYhttps://youtu.be/Yem8T8azZko
day-16Basic Tooltipshttps://codepen.io/Web_Cifar/pen/PoNqwNJhttps://youtu.be/MXRxahbJX3A
day-17Scroll Down Buttonhttps://codepen.io/Web_Cifar/pen/WNwvOaEhttps://youtu.be/LY1jeQGUiAI
day-18Advance Tooltipshttps://codepen.io/Web_Cifar/pen/yLOYoPRhttps://youtu.be/e_jEquJo7y8
day-19Full Functional Html Formhttps://codepen.io/Web_Cifar/pen/gOrrPpOhttps://youtu.be/vc9rgFHr098
day-20Multi Step Formhttps://codepen.io/Web_Cifar/pen/PoNNEYYhttps://youtu.be/cKTgIDkRsGc
day-21CSS Loading animationhttps://codepen.io/Web_Cifar/pen/jOqqRPMhttps://youtu.be/E_jOrp4t0N4
day-22Food Recipe Apphttps://codepen.io/Web_Cifar/pen/oNxLYRYhttps://youtu.be/x8EY0BlhPGk
day-23Neon Light Effecthttps://codepen.io/Web_Cifar/pen/MWyJENVhttps://youtu.be/NLtUycloTnc
day-24Speech Recognition Apphttps://codepen.io/Web_Cifar/pen/jOqBEjEhttps://youtu.be/-k-PgvbktX4
day-25Custom Sliderhttps://codepen.io/Web_Cifar/pen/bGpRwErhttps://youtu.be/V9TCxMMpGhI
day-26Bouncing DVD logohttps://codepen.io/Web_Cifar/pen/JjXrLRJhttps://youtu.be/wMIARRCox9k
day-27Quiz APPhttps://codepen.io/Web_Cifar/pen/dyMZxNghttps://youtu.be/qXXM9nVxLWk
day-28Simple Calculatorhttps://codepen.io/Web_Cifar/pen/XWdVgXrhttps://youtu.be/0Vg4EiYPCUc
day-29Weather APPhttps://codepen.io/Web_Cifar/pen/gOrvMpRhttps://youtu.be/y0iCeKUsYMk
day-30CSS Dot Loadershttps://codepen.io/Web_Cifar/pen/rNevXPxhttps://youtu.be/ENa4y_-fJAs

Original Link: https://dev.to/shaifarfan08/30days30submits-html-css-js-39cn

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To