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

Latihan panjang dari Tailwind Labs tentang pembuatan dropdown menu dan implementasi pada React JS

https://youtu.be/qJnIJa-cF2M

#tailwind #css #dropdown

YouTube

Building a Custom Dropdown Menu with Headless UI React and Tailwind CSS

In this video, we combine Tailwind CSS with Headless UI React to build a fully accessible dropdown menu with robust keyboard navigation support and correct ARIA attribute management.

1.2K viewsRian YW, 00:31

JavaScript Indonesia Channel

Latihan dari Tailwind Labs tentang pembuatan Backdrop filter dengan Tailwind CSS

https://youtu.be/qGEZdGMgXL4

---

Menambahkan accessibility atau ARIA ke dalam element tombol dengan Tailwind CSS

https://youtu.be/3uzhz0Q_vUg

---

Membuat dropdown menu sederhana dengan Tailwind CSS

https://youtu.be/qJnIJa-cF2M

#css #tailwind #backdrop #aria #dropdown

YouTube

Filters & Backdrop Filters – What's new in Tailwind CSS

In this video, we take look at the new filter and backdrop-filter utilities added in Tailwind CSS v2.1.

Documentation: https://tailwindcss.com/docs/filter
Source code demo #1: https://play.tailwindcss.com/m2BOMlzA17
Source code demo #2: https://play.tai…

1.2K viewsRian YW, 23:43

JavaScript Indonesia Channel

Latihan penting dari Online Tutorials tentang membuat drop down menu dengan HTML, CSS, dan JavaScript

https://youtu.be/zf1C1peIk8I

---

Latihan sederhana membuat Instagram Clone dengan CSS dan HTML

https://dev.to/kunaal438/how-to-make-instagram-clone-using-html-css-fully-responsive-49co

---

Cara membuat efek shadow dengan Gradient pada element HTML, menggunakan CSS

https://youtu.be/VgdxaH_ztBg

#onlinetutorials #css #dropdown #nojquery

YouTube

Dropdown Menu using Html CSS & Vanilla Javascript

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.5K views23:26

JavaScript Indonesia Channel

Latihan dari Web Dev Simplified membuat kustomisasi pada Drop Down menu menggunakan CSS

https://youtu.be/S-VeYcOCFZw

#css #dropdown #webdevsimplified

YouTube

How To Create Advanced CSS Dropdown Menus

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html

Dropdown menus are one of the more common things you will create as a developer, but most developers create boring looking dropdowns. In this video I will show you have…

868 views23:41

JavaScript Indonesia Channel

Latihan penting bersama Online Tutorials membuat menu Dropdown select dengan HTML, CSS, dan JavaScript

https://youtu.be/uFIl4BvYne0

---

Latihan membuat Ribbon label dari suatu card element dengan HTML dan CSS

https://youtu.be/znBmUqBZ4Jg

---

Latihan keren bersama Online Tutorials membuat Circular Navigation Menu dengan HTML, CSS, dan JavaScript

https://youtu.be/ShPPkZEeLPo

---

Membuat Button Toggle Menu dengan HTML, CSS, dan JavaScript

https://youtu.be/TD-MFXs2M5E

---

#onlinetutorials #css #html #dropdown #label #circular #menu #button #ribbon

YouTube

Custom Select Menu Dropdown using Html CSS & Vanilla Javascript | Dropdown Menu @OnlineTutorialsYT

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…

1.6K views23:22

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat Dropdown menu dengan HTML, CSS dan JavaScript

https://youtu.be/bC6vOWWNoas

#dropdown #menu #onlinetutorials

YouTube

Dropdown Menu using Html CSS & Vanilla Javascript | User Account Navigation Project

1.1K views01:37

JavaScript Indonesia Channel

Membuat drop down menu pada select element HTML

https://www.freecodecamp.org/news/html-drop-down-menu-how-to-add-a-drop-down-list-with-the-select-element/

---

Cara menggunakan tag "form" pada tag semantic HTML

https://medium.com/weekly-webtips/send-data-across-the-network-with-the-form-element-291453f0d41f

---

#dropdown #select #form #html

freeCodeCamp.org

HTML Drop-down Menu – How to Add a Drop-Down List with the Select Element

By Joel Olawanle Many websites, applications, and web pages use drop-down menus to help display a list of information. You can use them to create navigation menus, options for forms, and more. If you're looking at some of these menus or lists, you m...

976 views00:07

JavaScript Indonesia Channel

Beberapa library JavaScript untuk membuat Chart dan graphic

https://javascript.plainenglish.io/top-javascript-libraries-for-charts-and-graphs-946494761f9b

---

Membuat Dropdown menu dengan CSS dan JavaScript

https://blog.logrocket.com/making-dropdown-menus-css/

#css #chart #dropdown #menu

Medium

Top JavaScript Libraries for Charts and Graphs

7 JavaScript libraries for charts and graphs that designers and developers should work with.

800 views00:50

JavaScript Indonesia Channel

Latihan dari Freecodecamp membuat drop down menu dengan JavaScript, HTML dan CSS

https://www.freecodecamp.org/news/how-to-build-a-dropdown-menu-with-javascript/

---

Cara menghapus class dari element HTML dengan JavaScript

https://javascript.plainenglish.io/javascript-remove-class-from-all-elements-aed7b7b4a14e

---

Latihan dasar pengenalan ES Modules di JavaScript modern

https://javascript.plainenglish.io/50-shades-of-es6-modules-95cd0b016156

---

Melakukan pengecekan tipe dengan Type Of ada JavaScript

https://www.freecodecamp.org/news/javascript-type-checking-how-to-check-type-in-js-with-typeof/

---

Tips dalam pembuatan proses asinkronus pada JavaScript

https://javascript.plainenglish.io/summarizing-several-javascript-async-solutions-dd4a0fe2a99c

---

#dropdown #esm #type #class

freeCodeCamp.org

How to Build a Dropdown Menu with JavaScript

By Victor Eke If you use the internet, you've likely used a dropdown menu before. They primarily serve two purposes: collecting user input in web forms, and implementing action/navigation menus in web applications. Dropdowns are one of the best ways ...

1.2K views22:50

JavaScript Indonesia Channel

Melakukan styling theme pada Tailwind CSS

https://blog.openreplay.com/theming-with-tailwind-css/

—-

Horizon UI , template tampilan untuk React JS dan Next JS yang berbasis Tailwind CSS

https://horizon-ui.com/

—-

Bekerja dengan beberapa tampilan column pada CSS

https://blog.openreplay.com/working-with-multiple-columns-in-css/

—-

Membuat dropdown menu dengan CSS dan HTML

https://blog.openreplay.com/creating-drop-down-menus-with-css/

—-

#css #tailwind #react #horizonUI #dropdown #html

Openreplay

Theming With Tailwind CSS

Create themes with Tailwind CSS for variety.

663 views23:22

JavaScript Indonesia Channel

Membuat dropdown menu dengan Tailwind CSS dan Headless UI

https://levelup.gitconnected.com/say-goodbye-to-boring-dropdowns-create-custom-dropdown-menus-with-headless-ui-40a7dbfc1d5c

#css #tailwind #dropdown

Medium

Say Goodbye to Boring Dropdowns: Create Custom Dropdown Menus with Headless UI

Easily create a functional and accessible dropdown menu with Headless UI and TailwindCSS in your React Projects.

817 views23:33

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat drop down menu dengan CSS dan JavaScript

https://youtu.be/eGJ07m-7Y-Y

#dropdown #css #html #onlinetutorials

YouTube

How To Create Dropdown Menu using CSS and JavaScript

594 views00:44

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat dropdown menu dengan submenu menggunakan CSS dan HTML

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

#html #css #dropdown

YouTube

How to Create Responsive Dropdown Menu with Sub Menu in Html CSS & Javascript

556 views02:16

JavaScript Indonesia Channel

Membuat Navigation bar dengan Dropdown menu yang responsive

https://www.freecodecamp.org/news/how-to-build-a-responsive-navigation-bar-with-dropdown-menu-using-javascript/

---

Latihan menggunakan Indexed Db database

https://blog.logrocket.com/using-indexeddb-complete-guide/

—-

Beberapa tips penting penggunaan JavaScript

https://javascript.plainenglish.io/10-super-useful-javascript-tricks-a7b47cbafc0d

—-

Tips penggunaan "this" pada JavaScript

https://medium.com/@sodiq.akanmu001/transform-your-code-with-the-magic-of-this-in-javascript-a9a48bb1bf25

#navbar #dropdown #responsive #indexedDb #this

freeCodeCamp.org

How to Build a Responsive Navigation Bar with a Dropdown Menu using JavaScript

By Victor Eke Navigation bars are essential components used a lot in websites and web apps. As a web developer, you will need to be able to customize them, either for a client project or a basic portfolio site. In this guide, you'll learn how to buil...

879 views00:24

About

Blog

Apps

Platform