JavaScript Indonesia Channel

Catatan rilis Google Chrome 105 dengan tambahan banyak fitur baru dalam pengembangan aplikasi web

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

#chrome #container

YouTube

New in Chrome 105: Container Queries, :has, the Sanitizer API, and more!

Chrome 105 is rolling out now! Container queries and :has() are a match made in responsive heaven. The new Sanitizer API provides a robust processor for arbitrary strings to help reduce cross site scripting vulnerabilities. We’re taking another step towards…

1.0K views23:21

JavaScript Indonesia Channel

Pengenalan tentang CSS Container Query bersama Kevin Powell

https://www.youtube.com/watch?v=3_-Je5XpbqY

#css #container #query

YouTube

Container Queries are going to change how we make layouts

While media queries that look at the viewport size can be useful, today’s web is very component-based, and having to rely on the size of the viewport is pretty limiting. Luckily, container queries are now a thing!

🔗 Links
✅ Browser support for container…

337 views23:06

JavaScript Indonesia Channel

Pengenalan container query pada CSS

https://blog.openreplay.com/css-container-style-queries/

---

Penjelasan sederhana tentang Viewport unit di CSS

https://web.dev/viewport-units/

---

Melihat fitur baru pada element list di HTML

https://css-tricks.com/newer-things-to-know-about-good-ol-html-lists/

#css #container #query #list #html #viewport

Openreplay

CSS Container Style Queries

These queries allow components to own their responsive layout, for more powerful and easier coding

1.2K views00:02

JavaScript Indonesia Channel

Membuat sistem voting dengan React JS, Node JS, dan Socket IO

https://dev.to/novu/creating-an-upvote-system-with-react-and-socketio-5aoj

---

Beberapa kelebihan Next JS dan contohnya

https://dev.to/documatic/why-use-nextjs-mn3

---

Menambahkan TypeScript ke dalam Next JS

https://dev.to/gethackteam/zero-config-typescript-applications-with-nextjs-58m1

---

Konfigurasi NGINX untuk aplikasi React JS di VPS server

https://javascript.plainenglish.io/how-to-serve-a-react-app-with-nginx-in-a-non-root-docker-container-cbc4c6acc177

#react #nextjs #nginx #docker #container #typescript

DEV Community

Creating an upvote system with React and Socket.io 🥳 🔝

What is this article about? Upvotes became a great way to understand what your visitors...

836 views22:52

JavaScript Indonesia Channel

Beberapa course gratis untuk pengenalan Docker Container

https://dev.to/javinpaul/my-favorite-free-courses-to-learn-docker-and-containers-in-2023-1ldo

#docker #container

DEV Community

My Favorite Free Courses to Learn Docker and Containers in 2025

These are my favorite online courses to learn Docker and containerization in 2025

461 views00:13

JavaScript Indonesia Channel

Menggunakan Container Query pada CSS

https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/

—-

Panduan penggunaan CSS Grid

https://medium.com/front-end-weekly/the-ultimate-guide-to-mastering-css-grid-488e1f8783e4

#css #grid #container #query

freeCodeCamp.org

How to Use Container Queries – Responsive Design Beyond the Viewport

Before now, making your website responsive was limited to resizing HTML elements with media queries. This was, and still is, a brilliant innovation for web development in general. But web development has evolved with the advent of JavaScript framewo...

392 views00:18

JavaScript Indonesia Channel

Menggunakan Container Query di CSS

https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/

#css #container #query

freeCodeCamp.org

How to Use Container Queries – Responsive Design Beyond the Viewport

489 views23:52

JavaScript Indonesia Channel

How Docker Containers Work – Explained for Beginners
https://www.freecodecamp.org/news/how-docker-containers-work/

#docker #container

freeCodeCamp.org

How Docker Containers Work – Explained for Beginners

A container is a lightweight, standalone, and executable software package that includes everything needed to run a piece of software. And one of the most popular tools for working with containers is Docker. Docker is both the name of the company (Doc...

754 views00:20

JavaScript Indonesia Channel

HTML vs DOM? Let’s debug them
https://www.youtube.com/watch?v=J-02VNxE7lE

—-

Subgrid & Container Queries change how we can create layouts
https://www.youtube.com/watch?v=Zddz_R1RnfM

#chrome #html #dom #debug #subgrid #container

541 views23:24

JavaScript Indonesia Channel

Kevin Powell - A new approach to container and wrapper classes
https://www.youtube.com/watch?v=c13gpBrnGEw

—-

How to use CSS Subgrids
https://javascript.plainenglish.io/how-to-use-css-subgrids-9d43fbb0c5c5

—-

11 Best CSS Frameworks To Look Forward In 2023
https://medium.com/@janani_menon/11-best-css-frameworks-to-look-forward-in-2023-b861a8536f8b

—-

#css #container #subgrid #framework

YouTube

A new approach to container and wrapper classes

The wrapper or container is probably the most common design pattern around, but after coming across an article by Stephanie Eckles looking at how we can use a grid to emulate a container, and have simple breakouts — https://smolcss.dev/#smol-breakout-grid…

497 views01:31

JavaScript Indonesia Channel

Using dev containers with VS Code for an easier dev setup

https://blog.logrocket.com/using-dev-containers-vs-code-easier-dev-setup/

#container #vscode #codium #dev

LogRocket Blog

Using dev containers with VS Code for an easier dev setup - LogRocket Blog

You can leverage containers to streamline the process of setting up a dev environment. Let's see how using VS Code and Docker.

488 views00:15

JavaScript Indonesia Channel

How to Optimize Your CSS Code for Faster Web Pages
https://www.freecodecamp.org/news/how-to-optimize-your-css-code-for-faster-web-pages/

—-

10 lesser known CSS tricks
https://medium.com/@creativebyte/10-lesser-known-css-tricks-259197d9aced

—-

Less Common HTML Tags You Should Know – With Example Code
https://www.freecodecamp.org/news/less-common-html-tags/

—-

Mastering Tailwind CSS: Overcoming Common Challenges And Doing Debugging
https://blog.openreplay.com/mastering-tailwind-css/

—-

Responsive Design On Steroids: CSS Container Queries
https://blog.openreplay.com/container-queries-for-responsive-design/

—-

How to make Perfect Rounded Corner Border-radius | CSS tips
https://www.youtube.com/watch?v=75CoeFpO374

#css #html #container #query #tailwind #onlineTutorials

freeCodeCamp.org

How to Optimize Your CSS Code for Faster Web Pages

CSS is more than just a tool for styling. It also determines how web pages render in a browser. Well-optimized CSS means faster loading times and a smoother user experience. In today's digital landscape, the performance of a website is a key factor i...

793 views01:21

JavaScript Indonesia Channel

How to Add Scrolling & Sticky Headers to HTML Tables with CSS

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

—-

Learn how to use Media queries & Container queries
https://www.youtube.com/watch?v=2rlWBZ17Wes

—-

#css #html #container #query #table

YouTube

How to Add Scrolling & Sticky Headers to HTML Tables with CSS

It only takes a bit of CSS to make your HTML tables scrollable with some sticky headers. This is useful if you have a lot of rows in your table but don't want to take up too much space on the webpage.

For your reference, check this out:
https://develope…

928 views23:19

JavaScript Indonesia Channel

How to Standardize Your Development Environment with devcontainer

https://www.freecodecamp.org/news/standardize-development-environment-with-devcontainers/

#devcontainer #container

freeCodeCamp.org

How to Standardize Your Development Environment with devcontainer.json

By Hrittik Roy Modern software development workflows are complicated, involving many tools and dependencies. When working in a team, it's not uncommon to use several different software programs, each with its own dependencies. This can quickly becom...

609 views00:15

JavaScript Indonesia Channel

How to Secure Your Container Deployments with Chainguard
https://www.freecodecamp.org/news/secure-container-deployment-with-chainguard/

#container #secure #chainguard

freeCodeCamp.org

How to Secure Your Container Deployments with Chainguard

You don't need to convince me that containers are absolutely the best thing to come out of the virtualization revolution. I use containers of one flavor or another just about every day. But the beauty of template-it-once-and-deploy-it-everywhere com...

390 views01:14

JavaScript Indonesia Channel

How Docker Containers Work – Explained for Beginners

https://www.freecodecamp.org/news/how-docker-containers-work/

#docker #container

freeCodeCamp.org

How Docker Containers Work – Explained for Beginners

432 views00:02

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

About

Blog

Apps

Platform