css – Wajiblog

Front End Programming

CSS Trick : Menghitung width 100% tapi di kurangi beberapa pixel

Boss WajibrutJune 9, 2020June 9, 2020

hola gaes, langsung aja ah ini contohnya jika kita mau membuat lebar element 100% tapi kurang 300px; caranya adalah make calc : gini caranya.maincontent{ width: calc(100% - 300px);}

Front End Programming

Cara Membuat DropCap Make CSS

Boss WajibrutDecember 17, 2019December 17, 2019

Gini slur, Anda tau dropcap? jadi gini, dropcap itu bisa di bikin make css aja. Caranya? ni aing jelasin di bawah yak, simak baik2 , jangan simak UI. karena lg...

Front End Programming

Hilangin scrollbar tapi masih bisa nyecroll – CSS

Boss WajibrutOctober 29, 2019October 29, 2019

HALO GAIS !!! halo gais. Halo gais, kali ini saya akan membahas tentng cara meng hide scroll bar di browser tapi masih tetep bisa di scroll. Langsung aja script nya...

Front End Programming Tutorial

Trik CSS : Membuat Element Block Diagonal

TahuBanyakAugust 18, 2019September 24, 2019

Sore PisitorQue, Buat yang lagi belajar css, pasti sering ya membuat element, tapi paling bentuknya kotak atau bulet aja gitu kan. Terus pasti pernah liat element berbentuk diagonal yang di...

Front End Programming Tutorial

Pengertian Media Query pada CSS

TahuBanyakAugust 10, 2019September 24, 2019

Yak, Jumpa lagi Eperibadih. Buat kamu kamu yang baru belajar tentang CSS pasti pernah denger media query media query. Terus masih ngambang apaan si itu? Nah disini ogut akan membahas...

Front End Programming Tutorial

Membuat Embed Youtube dengan Automute

TahuBanyakSeptember 1, 2018September 24, 2019

Hallo Geis, siapa di sini yang pernah meng-embed video dari youtube ke website? di situ pasti normalnya bisa di autoplay atau pause di awal. Nah, kali ini kita akan membahas...

Front End Programming Tutorial

CSS Trik : Pemahaman tentang penggunaan nth-child pada css

TahuBanyakJuly 24, 2018June 11, 2020

.mydiv:nth-child(4n+1){ background:red; } * bacanya dari kanan ke kiri. jadi select child pertama lalu akan jalan/tambah 4child (child ke 5 akan terselect) Contoh lain .mydiv:nth-child(4n+2){ background:green; } * ini jadi...

Tutorial

CSS GRID NOTES

TahuBanyakJune 6, 2018

JUST A PERSONAL DRAFT NOTES grid container - cara gunaiinya pakai display : grid; grid item - semua anak dari grid container grid line - garis horizontal dan vertikcal (row/kollom)...