Membuat efek swipe geser kanan kiri pada element HTML berbentuk kartu

https://css-tricks.com/swipeable-card-stack-using-vue-js-and-interact-js/

#vue #html #card #swipe

Latihan kelanjutan dari membuat tampilan aplikasi web seperti Trello , namun dengan tambahan fitur drag and drop antar kartunya.

https://medium.com/javascript-in-plain-english/using-javascript-to-create-trello-like-card-re-arrange-and-drag-and-drop-557e60125bb4

#trello #card #drag #drop

Membuat tampilan responsive Card dengan HTML , CSS Flexbox , dan Grid

https://dev.to/codeleague7/beautiful-responsive-cards-ui-design-using-html-css-56mo

---

Latihan membuat responsive Image Slider

https://dev.to/codeleague7/responsive-image-slider-using-pure-html-css-only-full-screen-with-navigation-buttons-video-format-4i7e

---

Latihan membuat Hover Effect Button dengan HTML dan CSS

https://dev.to/codeleague7/buttons-with-animated-hover-effects-using-html-css-only-48ge

#css #flexbox #card #imageSlider #hoverEffect

Beberapa latihan dari channel Online Tutorials tentang membuat project sederhana untuk mengasah kemampuan HTML - CSS - Javascript modern

https://youtu.be/3gKhcPLOFdA

---

Membuat animasi Hover pada element Card layout

https://youtu.be/-Rv1dbvM1EY

---

Latihan penting sekali membuat Sticky Element pada komponen HTML tertentu, sehingga ketika di scroll akan tetap Sticky pada posisi tertentu

https://youtu.be/DNHKrXeu4YQ


----

#html #css #tutorial #project #course #onlineTutorial #hover #card #stickyElement

Latihan dari Fireship membuat efek kartu Card yang bernanimasi seperti di web CSS Tricks

https://youtu.be/29deL9MFfWc

---

Membuat menu Navigation dengan tambahan animasi indikator ketika menu tersebut di klik, dari channel Online Tutorials

https://youtu.be/KEpFL8Mr_XU

#css #card #fireship #onlinetutorials #menu #navigation #animation

Latihan dari Junior Developer Central membuat menu navigation yang letaknya ada di luar atau offscreen menu

https://youtu.be/PKv0Q29Ltqc

---

Latihan membuat pop up banner yang ada di bagian atas halaman aplikasi web, dari channel Dcode

https://youtu.be/x-LVUk2IxDU

---

Latihan dari Online Tutorials membuat efek paralax yang cantik dengan CSS dan HTML

https://youtu.be/0a7TeYL_Cs0

---

Latihan membuat tampilan kartu kredit yang transparan dengan CSS dan animasi flip

https://youtu.be/XeX1vsaufF0

---

Penjelasan beberapa attribute event handler di HTML

https://thecodeangle.com/a-detailed-breakdown-of-html-form-event-attributes/

---

Latihan sederhana membuat logo Facebook dengan CSS

https://dev.to/dasshounak/creating-pure-css-icons-5a55

#css #offscreen #menu #paralax #card #event #html #icon

Latihan membuat skeleton loading progress dengan HTML dan CSS

https://dev.to/devggaurav/build-a-simple-card-skeleton-loader-component-using-html-and-css-3a20

---

Membuat menu navigation di Bootstrap 5

https://dev.to/typo3freelancer/bootstrap-v5-navbar-component-with-multi-level-and-mega-menu-1218

#css #skeleton #card #navigation

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

Contoh tampilan dan sampel kode dari Card Layout yang dibuat dengan Tailwind CSS

https://levelup.gitconnected.com/17-tailwind-css-card-examples-eca047280954

#tailwind #css #card

Latihan dari Online Tutorials membuat Stacked Cards yang otomatis terbuka ketika ada mouse hover

https://youtu.be/9ziMhwJU7qw

#card #css #onlinetutorials

Latihan membuat Accordion menu dengan HTML, CSS, dan JavaScript

https://www.freecodecamp.org/news/build-an-accordion-menu-using-html-css-and-javascript/

---

Latihan dari Online Tutorials membuat card layout dengan desain yang unik menggunakan CSS

https://youtu.be/waY55vGtUyo

#css #card #accordion

Latihan bersama Web Dev Simplified membuat element Card dengan animasi dari CSS

https://youtu.be/h2x4YTI6WeE

#css #card #webdevsimplified

Latihan sederhana membuat tampilan kartu profile dengan Tailwind CSS

https://dev.to/shreya/learn-tailwindcss-make-a-profile-card-597d

#tailwind #css #card

Latihan sederhana membuat card layout dengan Chakra UI di React JS

https://dev.to/fredy/how-to-create-modern-cards-in-chakra-ui-react-js-j1b

#chakra #react #card

Latihan bersama Kevin Powell membuat Responsive card component

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


#card #responsive #component

Membuat aplikasi game kartu dengan JavaScript, HTML dan CSS

https://www.freecodecamp.org/news/improve-your-javascript-skills-by-coding-a-card-game/

---

Latihan membuat Array dengan jumlah data tertentu menggunakan Array. form()

https://www.freecodecamp.org/news/javascript-range-create-an-array-of-numbers-with-the-from-method/

---

Membuat fungsi upload dengan Progress Bar menggunakan JavaScript, HTML dan CSS

https://stackabuse.com/upload-file-with-progress-bar-using-javascript/

---

Membuat button menjadi sesuai mode Dark atau light menggunakan HTML, CSS dan JavaScript

https://javascript.plainenglish.io/how-to-make-a-light-and-dark-theme-button-using-html-css-and-javascript-762695f7286a

---



#card #game #button #upload #array

Latihan dari Online Tutorials membuat hover effect pada Card layout dengan CSS dan HTML

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

#css #html #card #hover #3d #flip

Animated Card UI Design with Hover Effect | Html CSS Curve Outside

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

#html #css #card #onlineTutorials

CSS Units – When to Use rem, em, px, and More

https://www.freecodecamp.org/news/css-units-when-to-use-each-one/

---

Building Responsive Design Using Viewport CSS Units

https://dev.to/antonmartyniuk/building-responsive-design-using-viewport-css-units-4gne

---

Stunning HTML & CSS Card Animation Tutorial on Hover

https://dev.to/robsonmuniz16/stunning-html-css-card-animation-tutorial-on-hover-1lci

#css #unit #viewport #responsive #animation #card

Our Services Section Card Hover Effects | Html CSS Claymorphism UI Design
https://www.youtube.com/watch?v=hMqAeky7qhU

#css #hover #card