Membuat HTML Encoder & Decoder dengan Javascript

Fungsi : Men-encode / men-decode sebuah atau beberapa baris code.

Tingkat kesulitan : Mudah.

Penggunaan : Manual.

Bahasa Pemrograman : CSS, HTML, dan Javascript.

File Eksternal : -

Source Code : -

Menggunakan Plyr.js untuk Menampilkan Video di Blog

Biasanya disaat pemilik blog/website ingin menampilkan video di artikel mereka, mereka bakal menggunakan iFrame biasa yang designnya jelek dan nggak Responsive di layar.

Jangan jadi seperti mereka, gunakan Plyr.js.

Plyr.js adalah sebuah media player yang simple, ringan, mudah di costumize/edit, dan mendukung browser modern.

Plyr.js bisa digunakan untuk menampilkan HTML5 Audio, HTML5 Video, iFrame (Responsive), Youtube Video, dan Vimeo.

Beberapa fitur unggulannya :

1. Mudah di Costumize
2. Responsive
3. Picture-in-Picture
4. HTML yang rapi
5. Support banyak Subtitle/Caption
6. Bisa bekerja dengan Bootstrap
7. Embedded Video
8. Dan yang lainnya..

Konsep Full Screen Button

Fungsi : Memperbesar ukuran layar browser menjadi 'Full Screen' atau penuh sebesar layar dekstop.

Tingkat Kesulitan : Mudah

Bahasa Pemrograman : CSS, HTML, Javascript, jQuery

File Eksternal : jQuery Library

Source Code : Putu Radith

Memasang Font Google Sans di Blog

Aku salah satu dari banyak orang yang menggunakan font Google Sans untuk blognya. Kamu mau menjadi salah satunya?

Password Overlay dengan Show Password Toggle

Fungsi : Mengamankan sebuah div atau elemen atau teks dengan memberi Password untuk menyembunyikan elemen tersebut dengan menggunakan fungsi btoa dari Javascript.

Tingkat Kesulitan : Mudah.

Penggunaan : Manual.

Bahasa Pemrograman : HTML, CSS, dan Javascript.

File Eksternal : -

Source Code : DTE Website.

Click to Tweet Box

Fungsi : Memudahkan pengunjung untuk men-tweet kalimat-kalimat tertentu di halaman artikel.

Tingkat kesulitan : Mudah

Penggunaan : Semi-Manual

Bahasa Pemrograman : HTML, CSS, dan jQuery.

File External : Font Awesome dan jQuery Library.

Source code : Marie Mosley