Laman

Sunday, January 8, 2017

Error di Blog (?)

Check disini , dan cek error codenya di blog tersebut.

Semoga berguna gaes, trims!

-NT

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)

Doumo minna ^^! kali ini saya akan bahas 4 bagian SVG sekaligus

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)

hai semua , materi kita hari adalah PHP Filters. nah apa sih filters di php itu ?? disini artinya adalah menyaring yaitu sebagai penyaring yang memiliki banyak fungsi yang dibutuhkan untuk memeriksa input pengguna, dan dirancang untuk membuat validasi data lebih mudah dan lebih cepat.

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

outputnya : 
                                     
contoh lainnya , fungsi ini akan menghapus semua fungsi dlm string lebih tepatnya membersihkan : 



outputnya : 


nah disini kita bisa bahas bahwa ada pengulangan pada , karena , maka ia akan hanya mengambil pernyataan yang benar , dan nilai yang salah akan diesekusi

ouputnya : 
contoh lain : 


yak itu lah yang bisa saya sampaikan selebihnya teman-teman bisa pelajari lebih dalam , dan terima kasih :)

Bootstrap Buttons & Buttons Grouping (LA)

Hai!! kali ini kita masuk kemateri bootstrap. yok!
 Seperti yang sudah kita ketahui, bootstrap adalah css yang sudah siap digunakan dalam HTML dan sudah diresponsive. 

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