Mini-Projects-in-HTML-CSS-and-Javascript

KO | EN

gitlite — search

#python #golang #machine-learning #docker #macos #java #windows #awesome #vue #pytorch #security #ios #openai #mcp

Mini-Projects-in-HTML-CSS-and-Javascript

(★ 27)

contains some mini web projects which were made by using pure HTML, CSS & JavaScript - Learnt from Brad Traversy

Mini-Projects-in-HTML-CSS-and-Javascript 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Mini Projects in HTML, CSS and Javascript

<br>

[![Tweet a thanks](https://img.shields.io/twitter/url?label=Tweet%20this%21&style=social&url=https%3A%2F%2Ftwitter.com%2FFahim_FBA)](https://twitter.com/intent/tweet?text=Wow!&url=https://github.com/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript)
[![Follow on Twitter](https://img.shields.io/twitter/follow/Fahim_FBA?style=social)](https://twitter.com/Fahim_FBA)

![Language](https://img.shields.io/github/languages/count/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?style=for-the-badge)
![Top Language](https://img.shields.io/github/languages/top/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?style=for-the-badge)
![Code Size](https://img.shields.io/github/languages/code-size/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=red&style=for-the-badge)
![GitHub Repo Size](https://img.shields.io/github/repo-size/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=bright&style=for-the-badge)
![Lines of Code](https://img.shields.io/tokei/lines/github/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=blue&style=for-the-badge)

### Used Software:

> VS Code / VS Code insider

### Used Extensions (on VS Code)

- Emmet
- Live Server
- Auto Rename Tag
- Bracket Pair Colorizer
- Prettier - Code Formatter
- Save Typing

<br>

## PROJECTS

| ID  | Name                   | Live Website                                                            | Live Demo                                                                                                    |
| --- | ---------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| 01  | Expandable Cards       | [Website](https://distracted-kepler-d186df.netlify.app)                 | [YouTube Video](https://www.youtube.com/watch?v=OxRJniILojA&list=PLutHME8vSEnEoS_-5Cl8RMsH0aWnWbsci&index=2) |
| 02  | Progress Step Bars     | [Website](https://infallible-brattain-6d5102.netlify.app/)              | [YouTube Video](https://youtu.be/Jew-ydjswKs)                                                                |
| 03  | Rotating Navigation    | [Website](https://jolly-wilson-e155a4.netlify.app/)                     | [YouTube Video](https://youtu.be/_ScFokpHE44)                                                                |
| 04  | Hidden Search Widget   | [Website](https://loving-curie-166a7d.netlify.app/)                     | [YouTube Video](https://youtu.be/NyHPxXOIL2k)                                                                |
| 05  | Blurry Loading Page    | [Website](https://practical-kowalevski-a028aa.netlify.app/)             | [YouTube Video](https://youtu.be/9TJTF8u-OQE)                                                                |
| 06  | Scrolling Animation    | [Website](https://objective-bohr-df6ca0.netlify.app/)                   | [YouTube Video](https://youtu.be/sP4H-XwFgqc)                                                                |
| 07  | Split The Landing Page | [Website](https://gifted-cray-f612ff.netlify.app/)                      | [YouTube Video](https://youtu.be/csEWvMJTmd8)                                                                |
| 08  | Animated Waving Form   | [Website](https://priceless-leavitt-184bff.netlify.app/)                | [YouTube Video](https://youtu.be/vkaYFedMRH0)                                                                |
| 09  | Sound Mini-Boards      | [Website](https://mini-projects-in-html-css-and-javascript.vercel.app/) | [YouTube Video](https://youtu.be/vRVdNjTedoI)                                                                |
| 10  | Dad Jokes              | [Website](https://hungry-agnesi-c7f8a3.netlify.app/)                    | [YouTube Video](https://youtu.be/5jxewf8Udzo)                                                                |
| 11  | Event Key              | [Website](https://gracious-roentgen-4bc525.netlify.app)                 | [YouTube Video](https://youtu.be/PYeEnIIsg2c)                                                                |
| 12  | FAQ Collapse           | [Website](https://superlative-kataifi-d457bf.netlify.app/)              | [YouTube Video]()                                                                                            |
|13 | Random Choice Picker | [Website](https://creative-banoffee-a17b22.netlify.app/) | [YouTube Video]() |

Mini-Projects-in-HTML-CSS-and-Javascript

Mini-Projects-in-HTML-CSS-and-Javascript 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Mini-Projects-in-HTML-CSS-and-Javascript

Mini-Projects-in-HTML-CSS-and-Javascript 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README