JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

11.3K subscribers

591 photos

7 videos

3 files

17.2K 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

11.3K subscribers

JavaScript Indonesia Channel

Membuat Gradient yang berubah ubah sesuai jangkauan gulir ke bawah dan ke atas halaman (scrolling) dengan CSS

https://css-tricks.com/scrolling-gradient/

#css #scrolling #gradient

Scrolling Gradient

If you want a gradient that changes as you scroll down a very long page, you can create a gradient with a bunch of color stops, apply it to the body and

766 viewsRian YW, 01:31

JavaScript Indonesia Channel

Menerapkan gradient warna di latar belakang teks dengan banyak barus

https://css-tricks.com/multi-line-inline-gradient/

#css #gradient #multi #line #inline

Multi-Line Inline Gradient | CSS-Tricks

Came across this thread:

415 viewsRian YW, 00:29

JavaScript Indonesia Channel

Beberapa layanan web yang menyediakan bantuan dalam membuat desain aplikasi web, seperti gradient, template warna, gambar, box shadow bayangan, editor gambar online, dst.

.
1. https://brumm.af/shadows
2. http://nietzsche-ipsum.com
3. https://cssgradient.io/gradient-backgrounds/
4. https://stories.freepik.com/
5. https://cruip.com/free-templates/
6. https://pixomatic.us/editor/

#tools #css #gradient #shadow #template

2.5K viewsRian YW, 23:18

JavaScript Indonesia Channel

Memperkenalkan Hypercolor Dev , layanan yang menyediakan sampel kode untuk warna gradient yang berbasis Tailwind CSS

https://dev.to/markmead/launching-hypercolor-dev-1mok

---

Layanan ini bisa diakses disini

https://hypercolor.dev/

#gradient #tailwind #css #hypercolor

836 viewsRian YW, edited 23:37

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat animasi loader memuat halaman dengan efek shadow dan gradient

https://youtu.be/QJfD-q8IoIU

---

Latihan dari Online Tutorials membuat efek bersinar Glowing pada element Text dengan tambahan animasi bersinar

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

—-

Pengenalan beberapa property CSS yang berhubungan dengan logical yang bersifat dinamis sesuai dengan kondisi setelan browser pengguna , seperti RTL/LTR dan writing direction

https://blog.logrocket.com/heres-how-to-use-logical-properties-in-css/

---

Panduan menggunakan fungsi CSS min , max , dan clamp untuk tampilan yang responsive

https://blog.logrocket.com/min-max-clamp-css-functions/

---

Membuat animasi text strike through dengan CSS

https://dev.to/shrek7/text-animation-with-css-strike-through-line-ea6

---

#css #gradient #min #max #clamp #logical #animation #responsive

CSS Gradient Shadow Loader Animation Effects | Html CSS Animation Effects

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, 23:57

JavaScript Indonesia Channel

Cara menggunakan gambar SVG di HTML dengan CSS

https://www.freecodecamp.org/news/use-svg-images-in-css-html/

---

Panduan lengkap menggunakan CSS Gradient untuk pewarnaan element HTML

https://css-tricks.com/a-complete-guide-to-css-gradients/

---

Melihat element HTML untuk memberikan tanda penulisan di teks dalam HTML, seperti <del>, <ins>, <mark>, dst

https://css-tricks.com/copyediting-with-semantic-html/

---

#html #css #semantic #editing #gradient #svg

freeCodeCamp.org

How to Use SVG Images in CSS and HTML – A Tutorial for Beginners

By Edidiong Asikpo SVG stands for Scalable Vector Graphics. It is a unique type of image format for vector-based graphics written in Extensible Markup Language (XML). In this tutorial, I will explain why you'd want to use SVG images and how you can u...

597 viewsRian YW, 00:12

JavaScript Indonesia Channel

Memperkenalkan Hypercolor, layanan untuk membuat gradient untuk library Tailwind CSS

https://hypercolor.dev/#gradients

#tailwind #css #gradient

1.2K viewsRian YW, 23:02

JavaScript Indonesia Channel

Memperkenalkan Conic CSS, layanan generator untuk membuat efek Gradient pada HTML

https://www.conic.style/

#conic #css #gradient

www.conic.style

Conic.css - nice, simple conic gradients

744 viewsRian YW, 00:01

JavaScript Indonesia Channel

Latihan menggunakan CSS Selector untuk menambahkan gaya tampilan pada aplikasi web

https://www.freecodecamp.org/news/use-css-selectors-to-style-webpage/

---

Mengenal perbedaan fit-content dan fit-content() untuk pengaturan ukuran element HTML

https://css-tricks.com/fit-content-and-fit-content/

---

Beberapa cara menggunakan JSON di CSS

https://css-tricks.com/json-in-css/

---

Latihan dari Google tentang pengenalan CSS dan contoh implementasi

https://web.dev/learn/css/

---

Latihan penggunaan Aspect Ratio dengan implementasi tampilan card layout yang menyesuaikan lebar ukuran layar

https://css-tricks.com/variable-aspect-ratio-card-with-conic-gradients-meeting-along-the-diagonal/

#css #selector #gradient #aspectRatio #course

freeCodeCamp.org

How to Use CSS Selectors to Style Your Web Page

CSS selectors are one of the most important parts of CSS. They give you the ability to target HTML elements on your web page that you want to style. Without CSS selectors, you wouldn't be able to style your page to look how you want. Thankfully CSS selectors…

720 viewsRian YW, 00:41

JavaScript Indonesia Channel

Layanan yang menyediakan Gradient generator untuk dipakai dalam bentuk CSS

https://dev.to/shadowfaxrodeo/not-another-gradient-generator-2mhl

#css #gradient

Not Another Gradient Generator

The web is full of gradient generators. So I thought I'd make another one: Not Another Gradient...

481 viewsRian YW, 01:13

JavaScript Indonesia Channel

Latihan bersama Josh Comeau tentang pembuat Gradient dengan menggunakan CSS

https://www.joshwcomeau.com/css/make-beautiful-gradients/

---

Latihan dasar menggunakan Form input untuk membuat text box di HTML

https://www.freecodecamp.org/news/text-box-in-html-the-input-field-html-tag/

---

Latihan dasar membuat animasi di dalam aplikasi web dengan library GSAP

https://blog.bitsrc.io/practical-guide-to-getting-started-with-gsap-greensock-animation-platform-21ff9638ea70

---

#css #gradient #joshComeau #gsap #html #input

Make Beautiful Gradients in CSS (with linear-gradient, radial-gradient, or conic-gradient) • Josh W. Comeau

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle? This happens because of a mathematical quirk with RGB colors. Fortunately, we can work around this quirk, and create beautiful, lush, saturated gradients.

589 views01:49

JavaScript Indonesia Channel

Panduan panjang dari Smashing Magazine tentang pembuatan Gradient dengan CSS

https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/

#css #smashingMagazine #gradient

Smashing Magazine

A Deep CSS Dive Into Radial And Conic Gradients — Smashing Magazine

In this article, we’ll be taking a closer look at two gradients: `conic-gradient` and `radial-gradient`. You’ll see how each one of them works in detail, what the differences and similarities are between them, how and where to use them, and some use cases…

600 views01:17

JavaScript Indonesia Channel

Membuat slider Carousel dengan HTML, CSS, JavaScript, dan Swiper JS

https://blog.logrocket.com/building-modern-sliders-html-css-swiper/

---

Mengenal dialog element di HTML dan contoh penggunaannya

https://blog.logrocket.com/using-the-dialog-element/

---

Latihan membuat radial Gradient dengan CSS

https://www.freecodecamp.org/news/css-radial-gradient/

---

#swiper #carousel #slider #css #html #gradient #radial #dialog #modal

Building modern sliders with HTML, CSS, and Swiper - LogRocket Blog

Learn how to create modern, responsive sliders using HTML, CSS, and Swiper for an enhanced web design experience.

1.3K views23:39

JavaScript Indonesia Channel

Referensi beberapa CSS Gradient yang dapat dipakai untuk tampilan aplikasi web

https://dev.to/devash98/15-beautiful-colour-gradients-using-css-4em1

---

#css #gradient

15 Beautiful Color Gradients using CSS

👋, I am here with another list. In this post I have enlisted 15 aesthetic color gradients using CSS...

582 views23:38

JavaScript Indonesia Channel

Latihan membuat animasi CSS Gradient bersama Web Programming Unpas

https://youtu.be/qeKPgKa9k4Y

#wpu #css #gradient #animation

Animasi CSS Gradient

🔥 Promo Unlimited Hosting Niagahoster (saat ini Hostinger) : diskon up to 50% + gratis domain + SSL 🔥
👍🏼 Gunakan kode kupon WPUNPAS untuk tambahan diskon up to 60%
👉🏼 Klik https://www.hostg.xyz/SHEk7

- Video Kevin Powell
https://www.youtube.com/watch?v=f3mwKLXpOLk…

635 views23:29

JavaScript Indonesia Channel

Cara melakukan clone Object di JavaScript

https://www.freecodecamp.org/news/clone-an-object-in-javascript/

---

Membuat modal dialog dengan JavaScript, HTML, dan CSS

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

---

Membuat Gradient warna heatmap dengan JavaScript

https://javascript.plainenglish.io/creating-color-gradients-for-heat-maps-with-vanilla-javascript-c8d62bdd648e

---

#clone #object #dialog #gradient

freeCodeCamp.org

JS Copy an Object – How to Clone an Obj in JavaScript

A JavaScript object is a collection of key-value pairs. It is a non-primitive data type that can contain various data types. For example: const userDetails = { name: "John Doe", age: 14, verified: false }; When working with objects in JavaScri...

701 views00:01

JavaScript Indonesia Channel

Latihan dari Cand Dev membuat aplikasi Gradient Generator dengan React JS

https://www.youtube.com/watch?v=p2-uKYnElRk

#candDev #react #generator #gradient

Learn React by Building a Gradient Generator App

In this tutorial, you'll learn how to build a gradient generator app using React. We'll be using the Vite framework to quickly scaffold our React project, and React Syntax Highlighter to make the output CSS more readable. We'll also be adding a copy-to-clipboard…

808 views00:54

JavaScript Indonesia Channel

CSS Animated Glowing Gradient Border Effects

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

#css #onlineTutorials #gradient #borders

CSS Animated Glowing Gradient Border Effects

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…

683 views01:11

JavaScript Indonesia Channel

Quick Tip: How to Add Gradient Effects and Patterns to Text
https://www.sitepoint.com/css-text-gradients-and-patterns/

—-

Quick Tip: How to Align Column Rows with CSS Subgrid
https://www.sitepoint.com/css-subgrid-align-column-rows/

—-

What You Need to Know about Modern CSS (Spring 2024 Edition)
https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/

—-

20 CSS One-Liners Every CSS Expert Needs to Know
https://matemarschalko.medium.com/20-css-one-liners-every-css-expert-needs-to-know-bef568ddc265

—-

10 Most Used CSS Display Values You Must Know About
https://blog.stackademic.com/10-most-used-css-display-values-you-must-know-about-6ae6be091c1a

—-

#css #gradient #display #subgrid #oneliner

Quick Tip: How to Add Gradient Effects and Patterns to Text — SitePoint

Learn how easy it is to add gradient effects and patterns to text on the Web, with demos and tips on browser support and accessibility.

457 views01:17

JavaScript Indonesia Channel

Quick Tip: How to Animate Text Gradients and Patterns in CSS
https://www.sitepoint.com/css-animate-text-gradients-patterns/

—-

21 HTML Tips You Must Know About

https://blog.stackademic.com/21-html-tips-you-must-know-about-f771c05713c0

#html #css #animation #text #gradient

Quick Tip: How to Animate Text Gradients and Patterns in CSS — SitePoint

In this quick tip, we show how easy it is to add animated background gradients and images to text on the Web, with handy demos.

525 views00:10