Learn Coding
IWC's Blog. We write code. We teach code. We spread our knowledge about code. We eat code.
Sunday, January 8, 2017
Saturday, January 7, 2017
SVG Blur Effects (HP)
SVG Filter digunakan untuk memberi efek pada Grafik SVG. Untuk mendefinisikan filter pada SVG, gunakan tag filter yang diletakkan diantara tag defs .
Tag feGaussianBlur
Tag ini digunakan untuk memberi efek blur pada sebuah element. Berikut contohnya :
Berikut hasil dari code diatas :
Kita dapat mengakses filter menggunakan nilai dari attribute id pada tag filter . Pada contoh diatas pada tag rect terdapat attribute filter yang nilainya adalah id dari filter. Bagian in="SourceGraphic" digunakan untuk membuat efek pada suatu element tertentu. Attribute stdDeviation mendefinisikan jumlah efek blur.
Sekian dari saya, semoga bermanfaat bagi kita semua. Tuhan memberkati!
SVG Polygon, Polyline, Path, Text (MG)
SVG Polygon itu element yang membentuk poligon atau bangun datar yang bersiku lebih dari 3
SVG Polyline itu element yang membentuk garis bersiku
SVG Path itu element yang membentuk garis yang bertitik di tiap ujung
SVG text itu untuk mengubah warna, miringnya, tinggi, dll pada tulisan
ini contoh SVG Polygon:
<!DOCTYPE html>
<html>
<body>
<svg height="210" width="500">
<polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
ini contoh SVG Polyline:
<!DOCTYPE html>
<html>
<body>
<svg height="180" width="500">
<polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160" style="fill:white;stroke:red;stroke-width:4" />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
ini contoh SVG path:
<!DOCTYPE html>
<html>
<body>
<svg height="210" width="400">
<path d="M150 0 L75 200 L225 200 Z" />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
ini contoh text:
<!DOCTYPE html>
<html>
<body>
<svg height="30" width="200">
<text x="0" y="15" fill="red">I love SVG!</text>
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
maaf kalau hanya menampilkan contoh.. sebagian besar tinggal ikutin aja..
thx minna!
PHP Filters & Filters Advanced (RAS)
fungsinya adalah digunakan untuk memvalidasi dan membersihkan masukan eksternal.
yang bisa kita lihat disni dijelaskan bahwa data di bawah memiliki 2 kondisi yang berupa true or false, jadi jika pernyataan pertama benar maka sisanya akan dieksekusi
nah disini kita bisa bahas bahwa ada pengulangan pada , karena , maka ia akan hanya mengambil pernyataan yang benar , dan nilai yang salah akan diesekusi
Bootstrap Buttons & Buttons Grouping (LA)
Kali ini saya akan mengenalkan beberapa button yang biasa sering kita jumpai di sebuah web
selain itu kita juga bisa mengubah size nya dengan class :
.btn-lg : Large
.btn-md : Medium
.btn-sm : Small
.btn-xs : Xtra Small
BUTTONS GROUPING
Cara grouping button adalah kita hanya membuatkan sebuah div dengan class ".btn-group"
kemudian kita juga bisa membuat button menggunakan ukuran lebar dari screen nya menggunakan ".btn-group-justified"
untuk membuat agar button dapat dropdwon kita menggunakan ".dropdown-toggle".
Sekian teman"! bye
-lindandrynn