1. Code pen CodePen adalah komunitas online untuk menguji dan menampilkan cuplikan kode HTML, CSS, dan JavaScript buatan pengguna. Codepen berfungsi sebagai editor kode online dan lingkungan pembelajaran sumber terbuka, tempat pengembang dapat membuat cuplikan kode, yang disebut "pena," dan mengujinya. Contoh paling praktis bagi saya sebagai blogger adalah ketika membuat top navigasi menu blog responsif berikut, yang telah banyak saya terapkan pada template template bawaan (default ) blogger: See the Pen topnav responsif plus menu dropdown by Sufyan Yaan ( @sufyan-yaan ) on CodePen . Kalian dapat melihat sumber kode HTML dengan mengklik tombol HTML, melihat sumber kode Javascript dengan menyentuh tombol JS, dan melihat sumber kode CSS dengan mengklik tombol CSS. Lalu mengklik tombol 'Result' untuk melihat hasil visualnya pada browser. Berikut adalah rancangan saya untuk membuat halaman homepage blog mirip Google Pencarian: DEMO 2. JSitor Sama seperti
tips gagdet & tekno, berita global