JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

12K subscribers

589 photos

6 videos

3 files

15.8K links

Channel yang berisi kumpulan berita atau konten seputar JavaScript, Typescript, HTML, CSS, Library, Framework JS, Node.js , dan juga engine-nya

Untuk pencarian artikel,gunakan fitur pencarian di channel ini,dan bisa juga dicari berdasarkan hashtag #

Download Telegram

About

Blog

Apps

Platform

JavaScript Indonesia Channel

12K subscribers

JavaScript Indonesia Channel

Latihan dari The Dev Ed membuat layout dan tampilan aplikasi dengan tema Glassmorphism.

https://youtu.be/O7WbVj5apxU

---

Latihan sebelumnya dengan menggunakan Figma untuk desain wireframe dan sketsa tampilan.

https://youtu.be/hnHFMLx4ZhU

---

Latihan lain dari Design Course pengenalan aplikasi desain dan wireframe bernama Figma dan latihan membuat desain tampilan aplikasi.

https://youtu.be/zfpmc-NnjXQ

#css #html #glassmorphism #figma #theDevEd #figma

Build Glass Website with HTML and CSS Tutorial

Check out my courses to become a PRO!
https://developedbyed.com/

CODE
https://github.com/developedbyed/glass-website

🎁Support me on Patreon for exclusive episodes, discord and more!
https://www.patreon.com/dev_ed

🛴 Follow me on:
Twitch: https://www.tw…

1.1K viewsRian YW, 01:54

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat dialog Pop Up Modal tema subscribe newsletters, dengan HTML, CSS, dan JavaScript

https://youtu.be/bGNeZ6P3nqU

---

Membuat landing page dengan tema Netflix Movie dari Online Tutorials

https://youtu.be/44OcU1PJWCA

---

Membuat halaman Login Form dengan efek Glassmorphism yang transparan

https://youtu.be/yh6lyefeUKc

---

Cara menampilkan scrollbars ketika terjadi efek hover

https://css-tricks.com/scrollbars-on-hover/

#css #modal #dialog #landingpage #glassmorphism #scrollbar #hover

How To Create Modal Popup Box with CSS & Javascript | Newsletter Popup Box

In this video you will learn how to create a modal popup box using CSS and 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…

1.5K viewsRian YW, edited 01:54

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat tampilan Responsive Menu dengan Hover Effect

https://youtu.be/NB-giDS97DU

---

Mengatur tampilan dan susunan layout dengan CSS Grid

https://youtu.be/VWYmx-zXSLk

---

Menambahkan efek Gradient di bagian border pada element Card

https://youtu.be/1zFlSLD01Uw

---

Membuat jam analog dengan tampilan Glassmorphism

https://youtu.be/Li2apfUzKeE

---

Latihan menggunakan Swiper JS untuk menampilkan halaman testimonial dengan carousel effect

https://youtu.be/E7mGqt7v3Uc

#css #grid #hover #effect #carousel #glassmorphism

Align Item Using CSS Grid | Tutorial For Beginners

Also Watch : Align Text Using CSS Flex | Tutorial For Beginners
https://youtu.be/04_8QvV0Sew
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exper…

732 viewsRian YW, 00:45

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 menggunakan Flexbox CSS untuk membuat beberapa layout tampilan

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

---

Latihan membuat Glassmorphism layout dengan HTML dan CSS

https://www.freecodecamp.org/news/glassmorphism-design-effect-with-html-css/

---

Mengenal selector CSS yang bernama where() dan is()

https://css-tricks.com/where-has-a-cool-specificity-trick-too/

#css #flexbox #glassmorphism #selector #where #is

freeCodeCamp.org

Learn CSS Flexbox by Building 5 Responsive Layouts

Here's a practical guide to help you learn CSS Flexbox in 2021 by building 5 responsive layouts. Let's dive right in.🥇 Table of Contents * Flex-Box Architecture * Setup * Level-1 * Level-2 * Level-3 * Level-4 * Level-5 * Conclusion You

1.1K viewsRian YW, 23:31

JavaScript Indonesia Channel

Latihan dari Online Tutorials tentang membuat Navbar yang responsive dengan HTML, CSS, dan JavaScript

https://www.youtube.com/watch?v=FhjyRg-LYKc

—-

Latihan membuat halaman web responsive dengan style Glassmorphism

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

—-

Latihan sederhana membuat Toggle Icon dengan CSS, HTML, dan JavaScript

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

—-

Membuat komponen Sidebar halaman yang dapat tertutup ketika element di luar di klik

https://www.youtube.com/watch?v=iP63fDXk-W8

---

Latihan membuat fitur auto play video ketika ada event mouse hover ke atas video

https://youtu.be/dx4oAxaR1As

#onlinetutorials #navbar #responsive #css #sidebar #glassmorphism #toggle #icon #video

Responsive Navbar using Html CSS & Javascript | Close Navbar When Click Outside

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.3K viewsRian YW, 01:38

JavaScript Indonesia Channel

Daftar latihan menggunakan CSS dan JavaScript dari channel Online Tutorials dalam satu minggu.

https://youtu.be/62FVLLDYJfs

---

Membuat slider produk atau Carousel dengan efek Glassmorphism

https://youtu.be/i0HKG2om_C4

#css #onlinetutorials #glassmorphism

Top 30 CSS & Javascript Effects | March 2021

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.1K viewsRian YW, 01:08

JavaScript Indonesia Channel

Memperkenalkan Glass UI, layanan untuk membuat Glassmorphism Effect lengkap dengan CSS yang siap dipakai

https://ui.glass/generator/

#glassmorphism #generator #css

Glassmorphism CSS Generator - Glass UI

Generate CSS and HTML components using the glassmorphism design specifications based on the Glass UI library.

867 viewsRian YW, 23:52

JavaScript Indonesia Channel

Latihan membuat landing page DENGAN Tailwind CSS dan animasi dari GSAP

https://www.freecodecamp.org/news/how-to-build-an-animated-landing-page-with-gsap-and-tailwindcss

---

Membuat Glassmorphism dengan CSS

https://blog.logrocket.com/implement-glassmorphism-css/

---

#landingpage #glassmorphism #gsap #tailwind

freeCodeCamp.org

How to Build an Animated Landing Page with GSAP and TailwindCSS

Animations are a crucial part of any great website. Why? When done well, animations vastly improve the user experience of any site, as they help make sites fun and intuitive to use. This article will show you how to build an animated landing page with the…

409 views23:47

JavaScript Indonesia Channel

Latihan panjang membuat efek Glassmorphism CSS

https://dev.to/jon_snow789/glassmorphism-css-generator-k90

—-

Membuat dark mode dengan CSS

https://dev.to/madsstoumann/dark-mode-in-3-lines-of-css-and-other-adventures-1ljj

—-

Komparasi antara Tailwind CSS dengan Uno CSS

https://dev.to/mapleleaf/tailwindcss-vs-unocss-2a53

—-

#css #tailwind #glassmorphism #uno

Glassmorphism CSS Generator

Design isn't something that stays the same forever. Old trends go, new trends replace them. It's...

626 views00:20

JavaScript Indonesia Channel

Membuat halaman login form dengan efek Glassmorphism

https://www.youtube.com/watch?v=7d5_N7o3bmg

#onlineTutorials #glassmorphism #css #html

Animated Glassmorphism Login & Registration Form using Html CSS & Javascript

Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.

Get now more than 1000+ source code just by clicking on this link…

852 views01:36

JavaScript Indonesia Channel

3 Magic Text Scrolling Animation Effects using CSS & Javascript
https://www.youtube.com/watch?v=8pO4u3SoYo4

—-

Glassmorphism button effect with mouse tracking // HTML, CSS & JS tutorial
https://www.youtube.com/watch?v=XJt2_NNnRms

—-

Make HTML 5 Games — Side-Scroller Game Tutorial

https://levelup.gitconnected.com/make-html-5-games-side-scroller-game-tutorial-79e4fe894c8f

—-

#html #css #animation #glassmorphism

3 Magic Text Scrolling Animation Effects using CSS & Javascript

All Source Code : https://www.patreon.com/onlinetutorials
Get now more than 1000+ source code just by clicking on this link
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation…

406 views01:10