Tips penting menggunakan Media Query untuk kalkulasi skala ukuran element aplikasi web dengan mudah

https://www.freecodecamp.org/news/responsive-pages-and-color-themes-with-minimal-css/

---

Pengenalan parameter CSS Flexbox yaitu justify-content dengan beberapa nilai di dalamnya, seperti space between, center, flex end, dst

https://dev.to/adiatiayu/css-flexbox-justify-content-2ljk

---

Mengenal isi parameter CSS background dan beberapa nilai yang dapat ditambahkan ke dalamnya.

https://dev.to/hadrysmateusz/learn-all-8-background-css-properties-in-5-minutes-2lk4

---

Membuat tombol like dan animasi nya yang berbentuk seperti hati dengan CSS

https://dev.to/uzomezu/just-css-css-like-button-animation-2ll6

---

Mengenal library yang bernama NES CSS, yang dapat membuat tampilan element seperti gaya Retro atau 8 bit

https://dev.to/redlotusdesignz/overview-of-the-nes-css-framework-4deh

---

Daftar build tools untuk CSS yang dirangkum dari survey State of CSS

https://levelup.gitconnected.com/5-css-build-tools-that-you-should-know-in-2021-d662ab4ffebd

---

#css #responsive #mediaquery #flexbox #background #tools #retro

Latihan dari Traversy Media membuat latar belakang atau background berbentuk video pada halaman aplikasi web

https://youtu.be/8MgpE2DTTKA

---

Latihan melakukan debugging CSS Grid dengan Chrome Dev Tools

https://blog.logrocket.com/using-chrome-devtools-to-debug-css-grid/


---

Forms validation di Bulma CSS dengan menggunakan JavaScript

https://www.ma-no.org/en/programming/javascript/validating-html-forms-using-bulma-and-vanilla-javascript

---

Latihan dari Online Tutorials membuat efek 3D melingkar pada tampilan teks

https://youtu.be/QvERvfZl8qc

---

Latihan dari Online Tutorials membuat animasi hover effect clip path pada Button Element

https://youtu.be/bdPXAl2mRTA

---

#css #traversymedia #onlinetutorials #background #video #cssGrid #bulma #hover #button

Latihan dari Freecodecamp tentang pengenalan CSS Background Property pada HTML

https://www.freecodecamp.org/news/learn-css-background-properties/

---

Latihan membangun layout tampilan aplikasi web dengan memakai Flexbox CSS

https://www.freecodecamp.org/news/learn-flexbox-build-5-layouts/

---

Beberapa framework alternatif dari Tailwind CSS seperti Tachyons, Windi, XStyle, dan Chakra UI

https://areknawo.com/top-4-tailwind-css-alternatives-for-2021/

-
Mengenal beberapa framework CSS yang menggunakan konsep Utility Class
https://blog.logrocket.com/top-utility-first-css-frameworks/
---

Memahami penggunaan CSS Grid dengan membuat tampilan halaman web

https://blog.logrocket.com/understanding-css-grid-by-building-your-own-grid/

#tailwind #css #flexbox #grid #background #freecodecamp

Latihan dari Freecodecamp tentang pengenalan CSS Background Property

https://www.freecodecamp.org/news/learn-css-background-properties/

---

Latihan pengenalan CSS Aspect Ratio API

https://blog.logrocket.com/a-closer-look-at-the-css-aspect-ratio/

#css #aspect #ratio #background #property


#css #freecodecamp

Daftar layanan web yang menyediakan sumber aset gambar dan ikon untuk tampilan halaman aplikasi web yang kita buat

https://dev.to/kiranrajvjd/40-awesome-illustrations-resources-for-your-web-projects-2fea

—-

Daftar layanan web yang menyediakan CSS background generator untuk melengkapi desain aplikasi web yang dibuat

https://dev.to/kiranrajvjd/the-ultimate-css-background-pattern-resource-20m8

#css #assets #generator #background

Latihan dari Joy Shaheb dan Freecodecamp tentang pengenalan CSS Position Property

https://www.freecodecamp.org/news/css-position-property-explained/

---

Membuat responsive image sebagai background element web

https://dev.to/harishrajora12/how-to-make-a-responsive-background-image-using-css-1c3k

---

#css #background #position

Latihan sederhana pengenalan CSS Background Color property

https://www.freecodecamp.org/news/css-background-color-how-to-change-the-background-color-in-html/

---

Latihan tentang membuat posisi element HTML menjadi ke tengah dengan Flexbox dan CSS Grid

https://www.freecodecamp.org/news/css-vertical-align-how-to-center-a-div-text-or-an-image-example-code/

---

Membuat palet warna yang sesuai dengan syarat accessibility a11y

https://dev.to/5t3ph/generate-accessible-ui-colors-with-a11y-color-tokens-28m1

---

Pengenalan tentang CSS Border property dan contoh kustomisasi

https://www.freecodecamp.org/news/css-border-style-and-html-code-examples/

---

Latihan dasar pengenalan padding property di CSS

https://www.freecodecamp.org/news/html-padding-css-padding-order/

---

#css #background #padding #center #border #a11y

Latihan penting dari Web Dev Simplified tentang membuat scrollbar dengan style yang berbeda atau custom

https://youtu.be/v_8CmC6cwUs

---

Latihan membuat element dengan gambar Fixed Background dengan CSS

https://css-tricks.com/the-fixed-background-attachment-hack/

#scrollbar #css #fixed #background

Cara menambahkan style pada background HTML

https://www.digitalocean.com/community/tutorials/how-to-apply-background-styles-to-html-elements-with-css

---

Perbedaan antara element div dengan span di HTML

https://www.freecodecamp.org/news/span-vs-div-html-tags-what-is-the-difference/

---

Latihan sederhana membuat progress bar dengan HTML, CSS, dan JavaScript

https://dev.to/amyoulton/make-a-progress-bar-with-javascript-2l90

---

#css #div #span #background #progressBar

Latihan dari Online Tutorials tentang membuat paralax effect di dalam tampilan aplikasi web

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

—-

Membuat tampilan aplikasi web dengan HTML dan CSS dengan background video

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

#paralax #onlineTutorials #background

Latihan penting membuat fungsi loading halaman web dengan CSS, HTML, dan JavaScript

https://blog.logrocket.com/animated-page-loaders-css/

---

Membuat infinite loop pada animasi latar belakang halaman web dengan menggunakan CSS

https://blog.logrocket.com/creating-infinite-css-background-image-loop/

---

#loader #css #background

Mengenal label tag yang biasa dipakai di dalam HTML

https://www.freecodecamp.org/news/html-label-label-tag-example/

---

Latihan dasar mengganti warna background element HTML dengan CSS

https://www.freecodecamp.org/news/div-background-color-how-to-change-background-color-in-css/

---

Beberapa pintasan ringkas atau shorthand dalam menggunakan CSS

https://javascript.plainenglish.io/6-awesome-css-shorthand-properties-that-you-probably-dont-know-f593b21ebf3

---

#css #html #label #background #shorthand

Cara mengganti warna latar belakang Element HTML dengan CSS

https://www.freecodecamp.org/news/div-background-color-how-to-change-background-color-in-css/

#css #html #background

Kumpulan background generator untuk tampilan halaman web

https://javascript.plainenglish.io/16-useful-background-generators-for-your-website-designs-e53da679eeec

#generator #background

Latihan dari Online Tutorials cara mengganti latar belakang layout dengan CSS

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

—-

Latihan panjang dari Web Dev Simplified tentang pengenalan responsive web dengan CSS

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

---

Tips dalam penulisan CSS yang baik

https://javascript.plainenglish.io/lets-make-our-css-better-3-ways-to-write-better-css-d051e78e31dd

#css #background #onlinetutorials #responsive

Menggunakan state management di React JS yang bernama Jotai

https://blog.openreplay.com/state-management-in-react-with-jotai/

---

Menyetel gambar latar belakang di React JS

https://www.freecodecamp.org/news/react-background-image-tutorial-how-to-set-backgroundimage-with-inline-css-style/

---

Membuat sidebar di React JS dengan library sidebar material UI Component

https://blog.logrocket.com/create-sidebar-react-pro-sidebar-mui/

---

#react #jotai #background #sidebar

Dasar penggunaan CSS bagi pemula

https://www.freecodecamp.org/news/css-style-sheets-basics/

---

Menggunakan property CSS Background Size dan Background Position

https://www.sitepoint.com/how-to-use-css-background-size-and-background-position/

---

#css #background

JavaScript GameDev with Kaboom.js

https://www.freecodecamp.org/news/javascript-gamedev-with-kaboomjs/

---

How to Change Background Color with JavaScript – BG Color in JS and HTML

https://www.freecodecamp.org/news/how-to-change-background-color-with-javascript/

---

Advanced JavaScript Performance Optimization: Techniques and Patterns

https://dev.to/parthchovatiya/advanced-javascript-performance-optimization-techniques-and-patterns-26g0

---

#game #kaboom #tips #background

CSS & JS Background Animation Effects

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

—-

Stop Using Margin Top. Use Margin Bottom And Gap Instead
https://tomaszs2.medium.com/%EF%B8%8F-stop-using-margin-top-use-margin-bottom-and-gap-instead-0f13c84c14a2

—-

#css #background #margin