JavaScript Indonesia Channel

Latihan membuat CSS Navigation Menu dengan Javascript

https://css-tricks.com/three-css-alternatives-to-javascript-navigation/

---

Menambahkan Dark Mode ke dalam aplikasi web dengan CSS

https://dev.to/dcodeyt/add-dark-mode-to-your-websites-with-css-5bh4

#css #navigation #menu #darkmode

CSS-Tricks

Three CSS Alternatives To JavaScript Navigation | CSS-Tricks

Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most

453 viewsRian YW, 23:33

JavaScript Indonesia Channel

Latihan dari Dcode tentang membuat Navigation header yang bersifat responsive

https://youtu.be/F-yDkTqkAO8

---

Latihan dari channel Junior Developer Central tentang penggunaan Getter dan Setter di dalam Class Javascript

https://youtu.be/8fo-K7zRv0Y

---

Latihan membuat Synthesizer dengan Web Audio API dan Javascript

https://dev.to/iamschulz/building-a-synthesizer-in-javascript-l3l

---

#responsive #css #header #navigation #getter #setter #webAudioApi #synthesizer #pianoApp

YouTube

How to Create a Responsive Full Page Header with Navigation - HTML, CSS & JavaScript Tutorial

In this video I'll be taking you through how to create a mobile-friendly full page header using HTML, CSS & JavaScript. This solution works well for modern websites, and is very easy to implement.

Support me on Patreon:
https://www.patreon.com/dcode - with…

1.6K viewsRian YW, 00:19

JavaScript Indonesia Channel

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

YouTube

CSS Card Tricks

A beginner's tutorial for building an 🃏 animated stacked card list with CSS & HTML. Inspired by css-tricks homepage. https://fireship.io/lessons/css-cards-animated/

Inspired by https://CSS-tricks.com homepage
Source https://github.com/fireship-io/stacked…

1.4K viewsRian YW, 06:36

JavaScript Indonesia Channel

Perbedaan antara fungsi Bind, Call , dan Apply terhadap fungsi lainnya di JavaScript

https://codeburst.io/javascript-under-the-hood-pt-4-bind-call-and-apply-22e2b46b3882

—-

Membuat Infinite Scroll dengan JavaScript , HTML, dan CSS

https://medium.com/javascript-in-plain-english/building-an-infinite-scroll-with-vanilla-javascript-32810bae9a8c

—-

Memahami History API di JavaScript untuk navigasi ke halaman yang sebelumnya yang telah dijelajahi

https://medium.com/javascript-in-plain-english/understanding-the-web-history-api-in-javascript-eac987071d4d

—-

#bind #call #apply #infinite #infiniteScroll #historyAPI #history #navigation

Medium

JavaScript Under The Hood Pt. 4: Bind(), Call(), and Apply()

By the end of this short article, you will have a solid understanding of call(), apply(), and bind() in JavaScript.

574 viewsRian YW, 03:34

JavaScript Indonesia Channel

Latihan penting dari Junior Developer Central tentang membuat offscreen navigation menu yang bersifat responsive ketika dibuka di layar smartphone

https://youtu.be/ZS3w5K0QtAA

---

Latihan ini merupakan kelanjutan dari latihan sebelumnya yaitu membuat Drop down menu yang bersifat responsive mobile

https://youtu.be/Wloh_n6M91Q

---

Latihan dari Online Tutorials membuat efek paralax yang mengikuti pergerakan kursor Mouse

https://youtu.be/-BexUIbuRp8

---

Latihan membuat efek Hamburger Menu dengan menggunakan CSS

https://dev.to/uzomezu/just-css-css-only-hamburger-nav-animation-h0a

---

#css #html #navigation #offscreen #dropdown #paralax #hamburger #menu

YouTube

Front-end Project: Creating an off-screen navigation menu

In this tutorial, we’ll be creating an off-screen menu using some simple HTML and CSS techniques.Get the code for the tutorial here: https://github.com/codeb...

1.1K viewsRian YW, 23:21

JavaScript Indonesia Channel

Latihan panjang membuat efek gambar yang responsive dengan CSS Gradient dan Aspect Ratio API

https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/

---

Latihan dari Online Tutorials membuat jam digital dengan efek Glassmorphism

https://youtu.be/Qdcj4rV82ek

---

Membuat Drop Down Navigation Bar yang responsive dari channel Online Tutorials

https://youtu.be/yNlHBfxgJVY

---

Membuat paralax effect dengan background Clip Path dan CSS dari channel Online Tutorials

https://youtu.be/LFY3e53wBPw

---

Tips menulis Semantic HTML dengan baik dan benar

https://levelup.gitconnected.com/getting-in-the-habit-of-writing-semantic-html-c7e507606385

#css #responsive #image #effects #onlinetutorials #glassmorphism #digitalClock #dropdown #navigation #paralax #clipPath

Smashing Magazine

Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine

A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported `aspect-ratio` property in combination with `object-fit` provides a remedy to this headache of the past! Let’s learn to use these…

862 viewsRian YW, 23:43

JavaScript Indonesia Channel

Membuat Navigation Drawer yang responsive dengan HTML dan CSS

https://youtu.be/Az_TbiPAyDs

---

Beberapa fitur HTML5 dan CSS3 yang jarang diketahui namun akan sering dipakai

https://hackernoon.com/top-lesser-known-html-5-and-css-3-tips-and-best-practices-km1u33l7

---

#html #css #navigation #drawer

YouTube

Responsive Navigation Drawer using HTML CSS & Javascript | Drawer Menu

Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D

Another Course : Build Complete Real World Responsive Websites from Scratch…

1.4K viewsRian YW, 23:39

JavaScript Indonesia Channel

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

DEV Community

Build a simple card skeleton loader component using HTML and CSS.

Hello everyone! In this tutorial, let's build a simple skeleton loader component using HTML and CSS....

815 viewsRian YW, 23:25

JavaScript Indonesia Channel

Penjelasan tentang fungsi cache untuk navigasi Back dan Forward pada Google Chrome dari channel Chrome Developers

https://youtu.be/khFus6YQi8w

#chrome #cache #navigation

YouTube

Back/forward cache (Indonesian with English subtitles)

Switch on/off English subtitles by clicking on the CC icon.

Back/forward cache (or BFcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users—especially those with slower…

1.1K viewsRian YW, 23:59

JavaScript Indonesia Channel

Latihan dari Dcode tentang membuat Vertical Navigation Menu dengan Intersection Observer

https://youtu.be/kp0LctdmwzE

#intersectionObserver #navigation

YouTube

How to Create a Vertical Navigation Menu With HTML, CSS & JS - Web Design Tutorial

In today's video I'll show you how to create a vertical, full width and height navigation menu using HTML, CSS and a bit of JavaScript. This is perfect for simple single-page business websites and designs.

Link to SOURCE CODE:
https://codepen.io/dcode-s…

717 viewsRian YW, 23:37

JavaScript Indonesia Channel

Membuat Navigation menu dengan navigation indicator yang unik bersama channel Online Tutorials

https://youtu.be/a3rofqqrTBE

#navbar #navigation #menu

YouTube

Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects 02

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…

808 views01:20

JavaScript Indonesia Channel

Kumpulan desain dan template navigation menu yang dirangkum oleh Online Tutorials

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

#onlineTutorials #css #html #navigation

YouTube

10 Awesome Navigation Menu Design using Html CSS & Javascript @OnlineTutorialsYT

957 views23:11

JavaScript Indonesia Channel

Beberapa ekstensi VS Code untuk membantu proses navigasi code

https://dev.to/surajondev/awesome-vs-code-extensions-for-navigating-large-codebases-256n

#code #navigation #vscode

DEV Community