Beberapa fitur Javascript Modern ES2019, ES2020 , dan ES2021 yang sudah dapat dicoba sekarang dengan bantuan Babel dan beberapa browser yang mendukung.

https://blog.logrocket.com/6-cutting-edge-javascript-features-you-can-use-today/

---

Pengenalan keyword THIS di dalam Javascript

https://blog.logrocket.com/beginners-guide-to-the-javascript-this-keyword/

---

Latihan panjang dan penting melakukan pengecekan dan manipulasi Media Query halaman dengan Javascript Modern

https://css-tricks.com/working-with-javascript-media-queries/

---

Pengenalan fungsi Array Reduce di Javascript

https://dev.to/gamil91/reduce-method-in-javascript-4b2b

---

#es2020 #es2021 #babel #this #mediaquery #reduce

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

Tips membuat Nested Media Query dengan CSS

https://css-tricks.com/nested-media-queries/

---

Tips menulis kode CSS dan HTML dengan lebih cepat

https://codeburst.io/trick-to-write-css-html-100x-faster-5edd8299e600

#css #mediaquery #tips #trick

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

Cara menggunakan CSS Media Query dengan JavaScript

https://dev.to/maroun_baydoun/using-media-queries-with-javascript-4aeo

#mediaquery #css

Menggunakan CSS Grid dan Flexbox CSS dalam pembuatan Gallery gambar

https://betterprogramming.pub/how-to-use-css-grid-and-flexbox-to-create-an-image-gallery-924f7896d142

---

Mengatur jarak atau atau rentang ukuran layar di dalam CSS Media Query

https://www.freecodecamp.org/news/media-queries-width-ranges/

---

#css #mediaquery #gallery #range #cssGrid #flexbox

Latihan menggunakan CSS Media Query dari channel Thu Nghiem dalam membuat layout responsive desktop dan mobile

https://youtu.be/yyRtI1MIjhs

---

Membuat animasi page scroll dengan HTML dan CSS

https://levelup.gitconnected.com/animated-page-scroll-with-html-and-css-only-3788c4e2b853

---

Membuat animasi Smooth Scrolling dengan menggunakan CSS

https://davidwalsh.name/css-smooth-scroll

#css #mediaquery #ThuNghiem

Latihan panjang belajar mengenai CSS Media Query dengan membuat aplikasi web tertentu

https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/

---

Mengenal parameter CSS Color Contrast API yang telah tersedia

https://css-tricks.com/exploring-color-contrast-for-the-first-time/

#css #mediaquery #contrast

Latihan panjang dari Freecodecamp tentang pengenalan CSS Media Query dan contoh kasus penggunaannya

https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/

---

Beberapa cara untuk membuat elemen HTML ke tengah dengan bantuan CSS

https://levelup.gitconnected.com/3-simple-ways-to-center-a-div-in-css-like-a-pro-2496f2af0a30

---

#css #center #mediaquery

Latihan pengenalan CSS Media Query dari Freecodecamp dan Joy Shaheb

https://www.freecodecamp.org/news/how-to-use-css-media-queries-to-create-responsive-websites/

---

Mendeteksi apakah pengguna menggunakan aplikasi blokir iklan di browser atau tidak dengan menggunakan Javascript, HTML, dan CSS

https://dev.to/codingnepal/detect-adblock-using-html-css-javascript-dkh

---

Latihan penggunaan CSS Container Query dengan contoh kasusnya.

https://www.smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/

---

#css #freecodecamp #mediaquery #container #noadblock

Latihan dari Freecodecamp dan Joy Shaheb tentang penggunaan CSS Media Query dalam membuat tampilan halaman web

https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/

---

Membuat Loader atau progress effect dengan efek animasi dari CSS

https://dev.to/j3nnning/animated-css-loaders-2km4

---

#css #mediaquery #freecodecamp #loader

Contekan atau cheatsheet untuk penggunaan CSS Grid

https://dev.to/simonpaix/css-grid-cheat-sheet-2ll8

---

Latihan sederhana pengenalan CSS Media Query untuk tampilan web responsive

https://dev.to/kunaal438/media-query-everything-you-need-for-responsive-design-b8g

---

Latihan sederhana membuat jam analog dengan HTML, CSS, dan JavaScript

https://dev.to/code_mystery/simple-analog-clock-using-html-css-javascript-2c6a

#css #grid #analogClock #cheatsheet #mediaquery

Latihan dari Freecodecamp menggunakan CSS Media Query untuk membuat responsive halaman web

https://www.freecodecamp.org/news/how-to-use-css-media-queries-to-create-responsive-websites/

---

Penjelasan tentang anchor tag di HTML dan contohnya

https://www.freecodecamp.org/news/the-html-a-tag-anchor-tag-example-code/

#css #mediaquery #anchor #tag #freecodecamp

Melihat beberapa sintaks terbaru dari CSS Media Query

https://css-tricks.com/the-new-css-media-query-range-syntax/

#css #mediaquery #responsive

Beberapa fungsi one liner dari JavaScript yang dapat dipakai

https://fatfish.medium.com/18-javascript-one-liners-thatll-make-you-look-like-a-pro-1b0ec61c32f8

——

Pengenalan tentang MediaQueryList API untuk tampilan web responsive

https://blog.bitsrc.io/discovering-javascripts-mediaquerylist-api-for-responsive-web-design-81a94c9f01b1

—-

Tips penggunaan JavaScript kelas Pro

https://javascript.plainenglish.io/js-advanced-usage-play-javascript-like-a-master-43a416d72fbf

#oneliner #mediaquery #tips

Responsive Layouts Without Media Queries
https://medium.com/@bogdanfromkyiv/responsive-layouts-without-media-queries-a859911790fc

#css #mediaquery

Modern Animated Login Page using Html & CSS

https://www.youtube.com/watch?v=51IiJtEKBsc

—-

Responsive Layouts Without Media Queries
https://medium.com/@bogdanfromkyiv/responsive-layouts-without-media-queries-a859911790fc

—-

SVG Tutorial, Learn how to code images in HTML with SVG
https://svg-tutorial.com/?ref=dailydev

—-

#css #svg #mediaquery #login #html

Build a beautiful hero banner with CSS background and linear-gradient

https://dev.to/mayashavin/build-a-beautiful-hero-banner-with-css-background-and-linear-gradient-hao

---

CSS Media Queries: Beginner’s Guide For Responsive Website

https://dev.to/devshefali/css-media-queries-beginners-guide-for-responsive-website-972

---

#css #hero #banner #mediaquery

Beyond CSS Media Queries
https://www.smashingmagazine.com/2024/05/beyond-css-media-queries/

——

Modern CSS Layouts: You Might Not Need A Framework For That
https://www.smashingmagazine.com/2024/05/modern-css-layouts-no-framework-needed/

—-

Switching It Up With HTML’s Latest Control
https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/

—-

Understanding The Holy Grail Layout Pattern In CSS
https://blog.openreplay.com/understanding-the-holy-grail-layout-pattern-in-css/

#css #html #mediaQuery #flexbox

Modern Media Queries: Going Beyond Browser Widths
https://blog.openreplay.com/modern-media-queries/

—-

Exploring CSS @-rules
https://blog.openreplay.com/exploring-css-at-rules/

#html #css #mediaQuery