30days30submits (HTML, CSS, JS)

This content originally appeared on DEV Community and was authored by Shaif Arfan

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.

GitHub Repo: https://github.com/ShaifArfan/30days30submits

? Follow Me: FB - IG - TW

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

day	Project Name	source Code/preview	YouTube Video
day-1	Custom Cursor	https://codepen.io/Web_Cifar/pen/OJMrzaB	https://youtu.be/de4W0EHMuUs
day-2	Theme Switcher	https://codepen.io/Web_Cifar/pen/OJMrdbq	https://youtu.be/D1yg4T37qYo
day-3	Random Dad Jokes Generator	https://codepen.io/Web_Cifar/pen/XWXOZWX	https://youtu.be/UDIfuvLEkjU
day-4	Numbers API	https://codepen.io/Web_Cifar/pen/PoZLpoG	https://youtu.be/s3LFCErzmHI
day-5	Countdown Timer	https://codepen.io/Web_Cifar/pen/OJMGPbb	https://youtu.be/_a4XCarxwr8
day-6	Featured Section	https://codepen.io/Web_Cifar/pen/WNrWxYG	https://youtu.be/L4k3_elYm2U
day-7	Photo gallery p-1	https://codepen.io/Web_Cifar/pen/wvMbwdj	https://youtu.be/URymtcPO11A
day-8	Photo gallery p-2 [Pexels API]	https://github.com/ShaifArfan/30days30submits/tree/master/day-8	https://youtu.be/gGBpmzLN1Hw
day-9	Read More Button	https://codepen.io/Web_Cifar/pen/OJMeVxx	https://youtu.be/TvVY8c1uvG8
day-10	key Code Generator App	https://codepen.io/Web_Cifar/pen/eYJwvKV	https://youtu.be/jOLwRV6xSwA
day-11	CSS animated Menu	https://codepen.io/Web_Cifar/pen/eYJqdxy	https://youtu.be/q8vmz-R_3Ck
day-12	CSS Flex Gallery	https://codepen.io/Web_Cifar/pen/wvMVmZN	https://youtu.be/Z6IZ2NOEzmw
day-13	Analog Clock	https://codepen.io/Web_Cifar/pen/LYNYmpb	https://youtu.be/6xEQ_jA5V2Y
day-14	Digital Clock	https://codepen.io/Web_Cifar/pen/MWyYaBP	https://youtu.be/gmNhRyxAPpw
day-15	BG Color Changer	https://codepen.io/Web_Cifar/pen/dyMPmwY	https://youtu.be/Yem8T8azZko
day-16	Basic Tooltips	https://codepen.io/Web_Cifar/pen/PoNqwNJ	https://youtu.be/MXRxahbJX3A
day-17	Scroll Down Button	https://codepen.io/Web_Cifar/pen/WNwvOaE	https://youtu.be/LY1jeQGUiAI
day-18	Advance Tooltips	https://codepen.io/Web_Cifar/pen/yLOYoPR	https://youtu.be/e_jEquJo7y8
day-19	Full Functional Html Form	https://codepen.io/Web_Cifar/pen/gOrrPpO	https://youtu.be/vc9rgFHr098
day-20	Multi Step Form	https://codepen.io/Web_Cifar/pen/PoNNEYY	https://youtu.be/cKTgIDkRsGc
day-21	CSS Loading animation	https://codepen.io/Web_Cifar/pen/jOqqRPM	https://youtu.be/E_jOrp4t0N4
day-22	Food Recipe App	https://codepen.io/Web_Cifar/pen/oNxLYRY	https://youtu.be/x8EY0BlhPGk
day-23	Neon Light Effect	https://codepen.io/Web_Cifar/pen/MWyJENV	https://youtu.be/NLtUycloTnc
day-24	Speech Recognition App	https://codepen.io/Web_Cifar/pen/jOqBEjE	https://youtu.be/-k-PgvbktX4
day-25	Custom Slider	https://codepen.io/Web_Cifar/pen/bGpRwEr	https://youtu.be/V9TCxMMpGhI
day-26	Bouncing DVD logo	https://codepen.io/Web_Cifar/pen/JjXrLRJ	https://youtu.be/wMIARRCox9k
day-27	Quiz APP	https://codepen.io/Web_Cifar/pen/dyMZxNg	https://youtu.be/qXXM9nVxLWk
day-28	Simple Calculator	https://codepen.io/Web_Cifar/pen/XWdVgXr	https://youtu.be/0Vg4EiYPCUc
day-29	Weather APP	https://codepen.io/Web_Cifar/pen/gOrvMpR	https://youtu.be/y0iCeKUsYMk
day-30	CSS Dot Loaders	https://codepen.io/Web_Cifar/pen/rNevXPx	https://youtu.be/ENa4y_-fJAs

This content originally appeared on DEV Community and was authored by Shaif Arfan

Print Share Comment Cite Upload Translate Updates

APA

Shaif Arfan | Sciencx (2021-07-11T12:51:21+00:00) 30days30submits (HTML, CSS, JS). Retrieved from https://www.scien.cx/2021/07/11/30days30submits-html-css-js/

MLA

" » 30days30submits (HTML, CSS, JS)." Shaif Arfan | Sciencx - Sunday July 11, 2021, https://www.scien.cx/2021/07/11/30days30submits-html-css-js/

HARVARD

Shaif Arfan | Sciencx Sunday July 11, 2021 » 30days30submits (HTML, CSS, JS)., viewed ,<https://www.scien.cx/2021/07/11/30days30submits-html-css-js/>

VANCOUVER

Shaif Arfan | Sciencx - » 30days30submits (HTML, CSS, JS). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/11/30days30submits-html-css-js/

CHICAGO

" » 30days30submits (HTML, CSS, JS)." Shaif Arfan | Sciencx - Accessed . https://www.scien.cx/2021/07/11/30days30submits-html-css-js/

IEEE

" » 30days30submits (HTML, CSS, JS)." Shaif Arfan | Sciencx [Online]. Available: https://www.scien.cx/2021/07/11/30days30submits-html-css-js/. [Accessed: ]

rf:citation

» 30days30submits (HTML, CSS, JS) | Shaif Arfan | Sciencx | https://www.scien.cx/2021/07/11/30days30submits-html-css-js/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

30days30submits

Related Posts