- Get link
- X
- Other Apps
REPOST: Rencana SHOW ETALASE berisi IMO Aw-Interesting Videos dr Youtube, Instagram, dll. di Website Personal gw aka di URL ronin.directory
~ SUMMARY
PEKERJAAN RUMAH
YOUTUBE WATCH-LATER
1.415
SOCIAL MEDIA SAVED PURPOSIVELY
862
2.277
POST of YOUTUBE WATCH-LATER:
POST of SOCIAL MEDIA "SAVED PURPOSIVELY"
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 !!
+ 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.
Comments