tRikSonic

Doraemon Pure CSS - Belajar CSS

Terakhir diperbarui : 11 Juni 2019 - 08.33
Belajar desain sebuah kartun menggunakan html dan css . Pada tutorial ini saya menggunakan kartun doraemon sebagai modelnya. HTML < div class = "doraemon" > < div class = "head" > < div class = "face" > </ div > < div class = "eye-left" > </ div > < div class = "eye-right" > </ div > < div class = "nose" > </ div > < div class = "nose-line" > </ div > < div class = "mustache" > < div class = "left" > </ div > < div class = "right" > </ div > </ div > </ div > < div class = "mouth" > </ div > < div class = "necklace" > < div class = "bell" > < div > </ div >
Baca selengkapnya

Cara mengaktifkan dynamic view

Terakhir diperbarui : 22 Januari 2019 - 09.23
Table of contents Cara merubah feed situs Contoh tautan Catatan Alat Untuk mengaktifkan tampilan dinamis pada blog yang digunakan, langkah pertama yang perlu dilakukan adalah mengubah pengaturan Feed postingan menjadi penuh. Cara merubah feed situs masuk ke pengaturan setelan → Lainnya → Feed situs dan rubah Feed postingan Blog menjadi penuh. Tampilan yang disediakan untuk tampilan dinamis adalah sebagai berikut: Klasik ( classic ) Flipcard ( flipcard ) Magazine ( magazine ) Mosaic ( mosaic ) Bilah Samping ( sidebar ) Snapshot ( snapshot ) Timeslide ( timeslide ) Contoh tautan Tanpa custom domain https://----.blogspot.com/ view / snapshot Dengan custom domain https://example.com/ view / snapshot Catatan Penggunaan tampilan dinamis ini hanya diperuntukan kepada pengguna lay
Baca selengkapnya

Parallax Scrolling Effect Menggunakan CSS

Terakhir diperbarui : 1 Juni 2019 - 02.54
Apa itu Parallax Dikutip dari Wikipedia bahasa Indonesia, ensiklopedia bebas. Paralaks , atau lebih tepatnya paralaks gerak (bahasa Yunani: παραλλαγή (parallagé) ) adalah perubahan kedudukan sudut dari dua titik diam, relatif satu sama lain, sebagaimana yang diamati oleh seorang pengamat yang bergerak. Secara sederhana, paralaks merupakan pergeseran yang tampak dari suatu objek (titik 1) terhadap latar belakang (titik 2) yang disebabkan oleh perubahan posisi pengamat. Sumber dan penjelasan lebih lengkap : https://id.wikipedia.org/wiki/Paralaks Parallax biasanya digunakan pada bagian atas dari konten HTML atau biasa disebut konten header , dan juga biasa digunakan pada konten block agar memberikan tampilan lebih. Contoh HTML < div class = 'parallax parallax-1' > < header class = 'header' > < h1 > hello world </ h1 > </ header > </ div > Contoh CSS .parallax-1 { height : 100vh ; background : #333 ur
Baca selengkapnya

Polyfill untuk JSON.parse

Terakhir diperbarui : 7 Januari 2019 - 07.59
Polyfill untuk JSON.parse ini hanya berkas salinan yang saya tulis disini Sumber : https://gist.github.com/cloudxero/2369301 Mengenai apa itu Polyfill, silahkan kunjungi tautan berikut Polyfill (programming) ( function ( a, b ) { typeof define == "function" && define.amd ? define( "json" , [ "exports" ], b) : b( typeof exports == "object" && exports || this .JSON || ( this .JSON = {})) })( this , function ( a ) { var b = {}.toString, c = {}.hasOwnProperty, d, e, f; return e = typeof a.stringify == "function" , f = typeof a.parse == "function" , function ( ) { var c = '{"result":[1,true,false,null,"\\u0000\\b\\n\\f\\r\\t"]}' , d, g, h; if (e) { d = function ( ) { return 1 }, d.toJSON = d; try {
Baca selengkapnya