Latihan berseri membuat dashboard sederhana dengan Tailwind CSS

https://dev.to/dawntraoz/create-a-dashboard-with-tailwindcss-part-2-1m5c

#tailwind

----

Contoh penggunaan parameter min(), max(), dan clamp() di CSS
https://css-tricks.com/min-max-and-clamp-are-css-magic/

#css #min #max #clamp

Latihan dari Online Tutorials membuat animasi loader memuat halaman dengan efek shadow dan gradient

https://youtu.be/QJfD-q8IoIU

---

Latihan dari Online Tutorials membuat efek bersinar Glowing pada element Text dengan tambahan animasi bersinar

https://www.youtube.com/watch?v=_13a3r6MYeM

—-


Pengenalan beberapa property CSS yang berhubungan dengan logical yang bersifat dinamis sesuai dengan kondisi setelan browser pengguna , seperti RTL/LTR dan writing direction

https://blog.logrocket.com/heres-how-to-use-logical-properties-in-css/

---

Panduan menggunakan fungsi CSS min , max , dan clamp untuk tampilan yang responsive

https://blog.logrocket.com/min-max-clamp-css-functions/

---

Membuat animasi text strike through dengan CSS

https://dev.to/shrek7/text-animation-with-css-strike-through-line-ea6

---

#css #gradient #min #max #clamp #logical #animation #responsive

Latihan menggunakan Flexbox dari channel Zach Gollwitzer

https://youtu.be/heg9yalZZSc

---

Latihan membuat Pricing Card dengan CSS, HTML, dan JavaScript

https://youtu.be/zwBoEwUD__0

---

Latihan menggunakan Media Query di CSS untuk tampilan halaman responsive

https://dev.to/lindaojo/how-to-use-media-queries-in-html-css-and-javascript-n8o

---

Latihan mengenal fungsi CSS Clamp untuk mengatur ukuran maksimum dan minimum dari suatu element HTML

https://dev.to/yuschick/fluid-typography-with-css-clamp-is-my-new-favorite-thing-4lg3


#css #flexbox #clamp #mediaquery #pricing #card

Latihan penggunaan fungsi bawaan dalam CSS seperti calc , max, min, dan clamp

https://www.freecodecamp.org/news/css-functions-for-beginners/

---

Cara melakukan minify CSS dan compression untuk ukuran file CSS yang lebih kecil

https://www.freecodecamp.org/news/minify-css-css-minifying-and-compression-explained/

---

Latihan penting dari Josh Comeau tentang penggunaan satuan rem dan em

https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/

#css #calc #clamp #minify #rem #em

Memahami penggunaan fungsi min(), max() dan clamp() pada CSS

https://javascript.plainenglish.io/understanding-css-min-max-and-clamp-functions-141b48752fff


#css #min #max #clamp

Online Tutorials - How to Make Welcome Screen Preloader | CSS & Javascript
https://www.youtube.com/watch?v=Us9MgaPzrWw

—-

Optimize Image And Video Layouts With CSS Object-Fit
https://blog.openreplay.com/optimize-image-and-video-layouts-with-css-object-fit/

——

Simplify CSS Work With Emmet
https://blog.openreplay.com/simplify-css-work-with-emmet/

—-

Responsive Typography With Clamp
https://blog.openreplay.com/responsive-typography-with-clamp/

—-

#preloader #css #onlineTutorials #typography #clamp #emmet #objectFit

How to Truncate Text with CSS — Resolving Common Issues
https://www.youtube.com/watch?v=akHMFJ2KPbs

—-

Top 10 new JavaScript features from 2021 to 2023
https://medium.com/coding-beauty/javascript-features-2021-to-2023-a13751582dbf

—-

Creating Fluid Typography with the CSS clamp() Function
https://www.sitepoint.com/fluid-typography-css-clamp-function/

#clamp #css #truncate