JavaScript Indonesia Channel

Pengenalan beberapa CSS Selector baru yang telah tersedia

https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/

---

Referensi struktur susunan dan folder CSS untuk aplikasi web skala besar

https://matthiasott.com/notes/how-i-structure-my-css

---

#css #selector #structure

Smashing Magazine

A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine

The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best…

752 viewsRian YW, 00:42

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

Panduan penggunaan CSS Selector yang perlu diketahui

https://dev.to/underscorecode/css-selectors-the-full-reference-guide-3cbf

#css #selector

DEV Community

CSS Selectors: The Full Reference Guide 🚀

Hello, everybody! 🚀 Today we'll be covering CSS selectors in depth. Table of...

302 viewsRian YW, 00:39

JavaScript Indonesia Channel

Latihan menggunakan CSS Selector ::before dan ::after

https://betterprogramming.pub/mastering-css-before-and-after-ecf1d59d9a3d

—-

Tips dan trik dalam penggunaan CSS yang jarang diketahui orang.

https://betterprogramming.pub/8-css-tips-and-tricks-to-wow-you-3629175dd6e2

#css #tips #before #after #selector

Medium

Mastering CSS ::before and ::after

A deep dive into the ::before and ::after pseudo-elements in CSS

502 viewsRian YW, 01:01

JavaScript Indonesia Channel

Latihan bersama Dcode tentang membuat fitur Theme Selector dengan JavaScript, HTML dan CSS murni saja

https://youtu.be/FEfs0OkjZ9c

#dcode #css #html #theme #selector

YouTube

Build Your Own THEME SELECTOR with JavaScript & CSS

View the SOURCE CODE:
https://github.com/dcode-youtube/theme-selector-with-javascript-css

In today's video we'll be building a theme selector using HTML, CSS and JavaScript. This is very easy to do and will even use Local Storage to save the chosen theme.…

1.0K views00:22

JavaScript Indonesia Channel

Latihan penggunaan :not Selector di CSS

https://dev.to/braydoncoyer/the-powerful-css-not-selector-20fg

#selector #not

DEV Community

The Powerful CSS not Selector

This article was originally posted on my personal blog. The :not() CSS selector is a powerful...

467 views23:26

JavaScript Indonesia Channel

Daftar selector CSS yang perlu diketahui oleh developer web

https://arctutorials.medium.com/13-css-selectors-that-every-developer-should-know-d57a47fc2292

#css #selector

Medium

13 CSS Selectors That Every Developer Should Know

Everything under the sun about CSS Selectors. You are welcome.

729 views01:04

JavaScript Indonesia Channel

Menggunakan filter gambar dengan CSS pada aset gambar SVG

https://blog.logrocket.com/complete-guide-using-css-filters-svgs/

---

Contoh kasus penggunaan CSS Selector :has

https://blog.logrocket.com/how-when-use-css-has-selector/

---

#css #svg #has #selector

LogRocket Blog

A complete guide to using CSS filters with SVGs - LogRocket Blog

In this post, we’re going to learn about a unique and powerful set of CSS tools, SVG filters, to improve visual aspects of a website.

469 views23:31

JavaScript Indonesia Channel

Latihan panjang menggunakan CSS Grid dari CSS Tricks

https://css-tricks.com/snippets/css/complete-guide-grid/

---

Panduan dalam menggunakan CSS has Selector

https://blog.logrocket.com/advanced-guide-css-has-selector/

#css #grid #selector #has

CSS-Tricks

CSS Grid Layout Guide | CSS-Tricks

Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.

478 views23:23

JavaScript Indonesia Channel

Latihan penting tentang membuat element ke tengah dalam container div

https://www.freecodecamp.org/news/how-to-center-an-image-in-a-div-css/

---

Menambahkan line break pada teks di dalam element HTML

https://www.freecodecamp.org/news/html-new-line-how-to-add-a-line-break-with-the-br-tag/

---

Mengenal beberapa selector CSS modern yang telah tersedia

https://blog.openreplay.com/modern-css-selectors

#css #center #image #br #break #line #selector

freeCodeCamp.org

CSS Image Centering – How to Center an Image in a Div

When you're working on the front-end of a web page, you sometimes need to center an image within a div (container). This can become tricky at times. And based on certain conditions, a particular method may not work at some point, leaving you searchin...

729 views00:21

JavaScript Indonesia Channel

Pengenalan tentang selector element di dalam CSS

https://www.freecodecamp.org/news/how-to-select-elements-to-style-in-css/

#css #selector #freecodecamp

freeCodeCamp.org

CSS Selector Types – How to Select Elements to Style in CSS

When you want to style an element with CSS, you first have to "select" it. In this article, I'll show you seven (7) ways in which you can do that. Here's the syntax for styling elements in CSS: selector { /* styles here */ } You have the

488 views23:22

JavaScript Indonesia Channel

Freecodecamp merilis contekan atau cheatsheet panjang tentang penggunaan CSS dan Selector CSS

https://www.freecodecamp.org/news/css-selectors-cheat-sheet-for-beginners/

#freecodecamp #css #selector #cheatsheet

freeCodeCamp.org

CSS Selectors – Cheat Sheet for Class, Name, Child Selector List

CSS selectors target and select the HTML elements you want to style. Specifically, CSS selectors allow you to select multiple elements at once. They are helpful when you want to apply the same styles to more than one HTML element, because you will no...

993 views23:10

JavaScript Indonesia Channel

Pengenalan tentang Selector CSS untuk parent Selector

https://youtu.be/K6CWjkDgQnE

#css #selector #parent

YouTube

This Is So Much More Than Just A Parent Selector

CSS has been cranking out new features left and right recently and one of the coolest features to release recently has been the :has selector. This selector works like a parent selector in CSS, but it much more powerful than a simple parent selector. In this…

714 views23:08

JavaScript Indonesia Channel

Latihan panjang pengenalan HTML dan CSS dengan membuat halaman pemesanan produk

https://www.freecodecamp.org/news/learn-html-and-css-order-summary-component/

---

Pengenalan Selector CSS yang baru pada contoh kasus tertentu

https://css-tricks.com/taming-the-cascade-with-bem-and-modern-css-selectors/

#css #html #selector

freeCodeCamp.org

Learn HTML and CSS by Building an Order Summary Component

HTML and CSS are the most important technologies when it comes to creating websites. And building projects is one of the best ways to learn them. We just published a course on the freeCodeCamp.org YouTube channel that will help you learn HTML and CSS...

791 views22:45

JavaScript Indonesia Channel

Mengenal pseudo selector :modal

https://blog.logrocket.com/css-modal-pseudo-selector/

#css #modal #selector

LogRocket Blog

Using the CSS :modal pseudo-selector - LogRocket Blog

Learn how to use the awesome and powerful :modal CSS pseudo-selector to intrinsically detect modal elements.

619 views02:07

JavaScript Indonesia Channel

Menggunakan selector attribute CSS

https://blog.logrocket.com/use-attribute-selectors-css/

#css #selector #attribute

LogRocket Blog

How and why to use attribute selectors in CSS - LogRocket Blog

We discuss the available CSS attribute selectors, consider the various ways to use them, and compare them to basic CSS selectors.

521 views23:44

JavaScript Indonesia Channel

How to Make Selecting Elements Easier — JavaScript Tutorial
https://www.youtube.com/watch?v=y4TUJxKW0Cg

—-

Truthy and Falsy in JavaScript & How to Toggle Between?
https://mirzaleka.medium.com/truthy-and-falsy-in-javascript-how-to-toggle-between-dc5ba45bd822

—-

#falsy #elements #selector #dcode

YouTube

BOOST The POWER of Query Selector in JavaScript

In today's video, we'll be wrapping around the existing query selector methods in the JavaScript DOM to make it easier to select multiple elements.

This solution can be exported via a module and uses array destructuring, rest parameters and the map method.…

483 views01:22

JavaScript Indonesia Channel

How To Create Responsive Image Slider In HTML CSS & Javascript
https://www.youtube.com/watch?v=tthIRPzN61Y

—-

nth-child() vs nth-of-type() Selectors in CSS – What’s the Difference?
https://www.freecodecamp.org/news/nth-child-vs-nth-of-type-selector-in-css/

—-

How to Use the <input> Element to Access a Mobile Device's Camera
https://www.freecodecamp.org/news/how-to-use-input-element-to-access-camera-on-mobile/

—-

#css #image #slider #html #input #selector

YouTube

How To Create Responsive Image Slider In HTML CSS & Javascript

Master Frontend to Backend 👇
https://bit.ly/frontend-to-backend-ebook
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform…

887 views01:01

JavaScript Indonesia Channel

Create Floating Label Input Using Tailwind CSS

https://dev.to/driannaird/create-floating-label-input-using-tailwind-css-3409

---

Advanced CSS Selectors – How and When to Use Them

https://www.freecodecamp.org/news/advanced-css-selectors/

---

What Are CSS Container Style Queries Good For?

https://www.smashingmagazine.com/2024/06/what-are-css-container-style-queries-good-for/

---

Tailwind CSS Refund Form Component Examples

https://dev.to/themesberg/tailwind-css-refund-form-component-examples-78a

---

CSS Container Queries

https://css-tricks.com/css-container-queries/

---

#css #label #tailwind #container #query #selector

DEV Community

Create Floating Label Input Using Tailwind CSS

Hi guys, I wanna show you about floating label input of course using tailwind css😎 Here's the...

559 views00:28

JavaScript Indonesia Channel

Why do CSS and UI capabilities matter for your ecommerce site?

https://developer.chrome.com/blog/css-ui-ecommerce?hl=en

---

Advanced CSS Selectors – How and When to Use Them

https://www.freecodecamp.org/news/advanced-css-selectors/

---

Sunrise in Space (Quiet)

https://dev.to/alvaromontoro/sunrise-in-space-quiet-3nj

---

#css #selector #html

Chrome for Developers

Why do CSS and UI capabilities matter for your ecommerce site? | Blog | Chrome for Developers

Learn how ecommerce sites benefit from implementing the latest CSS and UI features—View Transitions, Scroll-driven animations, Popover API, and more.

756 views00:03

About

Blog

Apps

Platform