Latihan membuat kalkulator dengan Dark Mode dan Light Mode

https://dev.to/mohammadfarmaan/simple-calculator-with-dark-mode-545c

---

Membuat counter step dengan CSS

https://css-tricks.com/displaying-the-current-step-with-css-counters/

#css #calculator #darkMode #step #counter

Membuat desain aplikasi web dan CSS dengan tingkat Accessibility dan UI/UX yang baik

https://www.matuzo.at/blog/writing-even-more-css-with-accessibility-in-mind-user-preferences/

---

Membuat Progress Bar berbentuk tahapan proses dengan CSS dan bersifat dinamis

https://www.freecodecamp.org/news/how-to-build-a-responsive-and-dynamic-progress-bar/

#progressbar #step #css #accessibility

Menambahkan style pada text placeholder form input dengan CSS

https://www.samanthaming.com/tidbits/57-styling-css-placeholder/

---

Latihan membuat progress bar atau loading effect yang bernama Shimmering effect, seperti pada halaman YouTube

https://dev.to/stackfindover/youtube-loading-animation-using-html-and-css-44c2

---

Latihan membuat step progress bar yang bersifat responsif dengan CSS, HTML, dan JavaScript

https://www.freecodecamp.org/news/how-to-build-a-responsive-and-dynamic-progress-bar/

---

Membuat efek paralax dengan Tailwind CSS

https://dev.to/dailydevtips1/tailwind-css-parallax-effect-5hjd

---

Membuat header halaman yang berbentuk video dengan Tailwind CSS

https://dev.to/dailydevtips1/tailwind-css-full-screen-video-header-5539

---

Menggunakan template Tailwind CSS yang bernama Tailblocks

https://dev.to/sidchaudhary04/how-to-quickly-build-a-website-using-tailwindcss-and-tailblocks-k22


#css #placeholder #form #input #tailwind #shimmering #progress #step #paralax #header