Gw kan ada juga Website Personal di ronin.directory
Udah lama ada
Tapi belum gw maksimumkan penggunaan nya
Belum gw manfaatkan (lagi)
Rencana utk Share Video (Youtube, Instagram, dll.)
Video2 yg menurut gw Awesomely Interesting
Gw ada LIST berisi LINK YOUTUBE berjibun
Belum gw SORT dan atau CATEGORIZED
Kira2 bakal beginian:
Gw buat
dgn
PHOENIX IDE
+
Microsoft CoPilot
!!
Prompt:
create HTML CODE: 4x4
table with bootstrap with 25% width of all tables' colomn, all boxes are bordered then filled with
random youtube videos
Result:
Here’s a complete HTML
snippet that creates a 4x4 Bootstrap table with each column set to 25%
width, all cells bordered, and filled with random YouTube videos
embedded directly:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>4x4 Random YouTube Table</title>
<!-- Bootstrap CSS
-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<style>
table {
width: 100%;
}
th, td {
width: 25%;
border: 1px solid #dee2e6;
padding: 0.5rem;
vertical-align: top;
}
iframe {
width: 100%;
height: 200px;
}
</style>
</head>
<body>
<div class="container mt-5">
<table class="table table-bordered">
<tbody>
<tr>
<td><iframe src="https://www.youtube.com/embed/pKs6O_VTEI4" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/MPRNC_gl4cM" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/kELGUKYdw1A" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/GYpUnY6igQk" allowfullscreen></iframe></td>
</tr>
<tr>
<td><iframe src="https://www.youtube.com/embed/Vk7x14dtd6I" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/vk71sUJCyjA" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/uC-UewlWems" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/DM8IiGXqzm4" allowfullscreen></iframe></td>
</tr>
<tr>
<td><iframe src="https://www.youtube.com/embed/oNCiVqT91Kc" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/pKs6O_VTEI4" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/MPRNC_gl4cM" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/kELGUKYdw1A" allowfullscreen></iframe></td>
</tr>
<tr>
<td><iframe src="https://www.youtube.com/embed/GYpUnY6igQk" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/Vk7x14dtd6I" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/vk71sUJCyjA" allowfullscreen></iframe></td>
<td><iframe src="https://www.youtube.com/embed/uC-UewlWems" allowfullscreen></iframe></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Phoenix Code (bisa diakses di
phcode.io) adalah
editor/IDE open‑source yang fokus untuk
pengembangan web (HTML, CSS, JavaScript) dan merupakan
penerus modern dari editor Brackets.
Fitur utama:
-
Live Preview — lihat
perubahan HTML/CSS/JS secara langsung di
browser atau jendela preview.
-
Kompatibilitas ekstensi
Brackets
— hampir semua ekstensi Brackets bisa
dipakai.
-
Integrasi Git — untuk
commit, stage, dan sync langsung dari
editor.
-
Mode web & desktop
— bisa dijalankan di browser (tanpa
instalasi) atau diinstal di
Windows, Mac, dan Linux
(dibangun dengan Tauri).
-
UX ala “game” —
interface dibuat lebih interaktif dan
menyenangkan untuk belajar maupun
bekerja.
Versi terbaru:
-
v4.0.3 (rilis 31
Januari 2025)
-
Banyak peningkatan, termasuk
color preview interaktif,
integrasi Git yang lebih
baik, dan
fitur buka folder/file
langsung di terminal atau file
explorer.
Cara pakai:
Comments