Blogger admin
Sekedar Catatan dan Dokumentasi

Mungkin terlintas dalam pikiran sobat untuk apa sebenarnya kita mengetahui dasar HTML dan CSS dalam mengelola web atau blog yang kita sayangi.

Dari judulnya saja artikel tersembunyi yang pastinya memang benar-benar tersembunyi, kali ini saya akan berusaha menyembunyikan tutorial cara menyembunyikan artikel. Nah, di sini nanti kelihatan siapa yang membaca artikel siapa yang tidak membaca artikel. Kalu perasaan,,eh,,penasaran silahkan klik tombol besar di bawah!

Akhirnya postingan HTML5 canvas berlanjut, Tutorial kali ini akan membahas tentang HTML5 canvas metode save and restore. Metode ini bagi saya penting untuk berkreasi dan menggambar di bidang Canvas.

Meta tag dan meta tag lagi, banyak yang bertanya tentang meta tag di Google bagaimana dan apa yang terbaik untuk pengguna blogspot. Menurut pendapat saya bukan meta tag agar bisa membuat blog menjadi baik di mesin pencari melainkan kekayaan kata kunci.

Sebelumnya saya mempublish ulang artikel Jquery thickbox, itu hanya untuk mengingat kembali dan membenarkan typhographynya saja. Di dalam artikel tersebut saya memang tidak menjelaskan secara rinci satu-persatu cara penerapannya di blogspot, nah sekarang saatnya kita buat thickbox tersebut di blogspot.

Pada tutorial kali ini akan di bahas tentang bagaimana membuat variasi dengan Jquery dan css3. Artikel tutorial ini akan menyelidiki secara sfesifik pengkodean jadi sedikit berat (pake truck bang!! biar ga berat!! wkwkwkwkwk).

Bagi sahabat yang suka bermain dengan gambar mungkin HTML5 canvas adalah solusi yang tepat untuk membuat gambar menjadi lebih atraktif.

Kita main gelap-gelapan lagi, saya akan berusaha membakar blog ini dengan HTML5 canvas dan javascript. Seperti dalam demo yang lalu saya membuat sketsa tapi tidak bisa di edit.

Sudah saatnya kita mengembangkan HTML5 canvas dan Javascript menjadi animasi, di sini saya hanya memberikan yang sederhana. Saya pernah memposting ini dan menggambarnya tapi tidak mengerakannya.

Sekarang kita mencoba mengembangkan metode fill dengan mengisi empat warna dalam satu kotak.

Pada prinsipnya sama saja dengan Quatdratic curve namun secara spesifiknya seperti ini.

Pada artikel terdahulu saya pernah membahas tentang Metode Path | Lineto, moveto Yang dimana kita bisa menarik garis sesuai coordinate yang di tentukan.

Maukah sekarang sobat berimajinasi? diartikel ini saya akan membawa sobat untuk memecahkan suatu masalah bagaimana mengambar lingkaran di bidang canvas yang menggunakan metode arcs. Nanti ada teka-teki di akhir artikel jika sobat memang benar-benar mengikuti artikel ini.

Akhirnya di lanjut, sekarang ane mau bahas tentang text stroke yang di gunakan di HTML5 dan javascript berikut cara membuatnya. Text stroke kalu diartikan adalah dimana kita akan memberikan garis text didalam maupun di tepi itu tergantung dari penempatan garis.

Okeh langsung mulai saja, sebelumnya saya telah membahas cara membuat text-shadow dengan HTML5 canvas dan Javascript kali ini saya akan membuat text gradient dengan HTML5 canvas dan javascript pula.

Pada artikel yang terdahulu saya pernah bahkan banyak memposting tentang text-shadow dari yang menggunakan murni CSS3 dan juga text-shadow dengan J-query. Sekarang saatnya saya akan memposting bagaimana text-shadow bisa tercipta dan lebih powerfull dengan HTML5 canvas dan Javascript.

Ini postingan cepat gan! di sarankan untuk membaca secara perlahan dan santai, juga baca keseluruhannya dalam artian "kalu sobat mau benar-benar belajar HTML5 canvas". Artikel ini sebenarnya saran dari sahabat Rachmath yang punya www.Rachmath.co.cc agar saya memposting semua bentuk gradient.

Saya akan memberikan demo sekaligus pembelajaran agar lebih mudah memahami grid dan coordinate dalam bentuk tiga dimensi.

Setelah membahas canvas gradient horizontal saya mau lanjut lagi supaya lebih lengkap dan mudah-mudahan bisa di mengerti, yaitu HTML5 canvas dan javascript untuk pembuatan gradient vertical. Sebenarnya teori tetap sama hanya ada perubahan dari coordinate yang harus di rubah nilainya menjadi 0 sehingga mereka tidak akan bergerak karena tetap pada posisi.

Setelah kita membahas tentang HTML5 canvas Gradient diagonal, sekarang saya akan mencoba membuat yang horizontal. Dengan memahami komposisi warna dan mengetahui dasar bagaimana menggambar dalam bidang HTML5 canvas pastinya kita bisa berkreasi sendiri salah satunya adalah canvas gradient yang akan kita bahas adalah gradient horizontal.

Kalau sobat benar paham tentang pengkodean, apalagi bisa java, javascript, c#, Visual basic, Assembly, PHP, HTML, CSS dan bahasa yang menurut sobat tingkat tinggi, saya rasa ini tidak sulit bagi sobat yang sudah mengetahuinya. Didalam artikel ini penulis bukan bermaksud untuk menggurui karena saya rasa sobat sudah mengetahui dan lebih baik dalam bahasa program.

Setelah semalaman asik utak-atik akhirnya bisa juga menggabungkan 8 warna dengan metode gradient diagonal dengan menggunakan Javascript dan HTML5 Canvas.

Untuk menjadi seorang programer javascript dan HTML5 canvas, yang di butuhkan bukan hanya sekedar pengetahuan saja dalam mempelajari HTML5 canvas tetapi harus bisa berlogika dan berimajinasi.

Seperti pada artikel yang lalu kita sudah mengenal canvas fill dan canvas stroke, sekarang kita akan beranjak ke canvas clear yang di mana fungsinya akan membersihkan pixel dari bidang canvas yang bisa kita tentukan sendiri.

Sekarang ane mau kasih binatang atau mahluk terserah ente mau menyebutnya ini apa, tapi yang jelas ane mau bagi nih binatang buat ente semua gan. Binatang ini juga tidak wajib di pelihara di blog ente gan, tapi jika ente mau silahkan di ambil dan ente boleh ngebagiin dah tuh ama blogger lainnye.

Sekarang sudah saatnya kita mulai menggambar walaupun dasar akan tetapi canvas fill ini bisa sangat berguna untuk penyesuaian warna.

Jangan bingung dan jangan bimbang tentang tutorial HTML5 canvas di blog ini yang secara perlahan, karena sebentar lagi kita akan mulai menggambar bahkan membuat animasi dengan kreasi sobat sendiri.

Sebelum kita mulai menggambar HTML5 Canvas, kita perlu membahas Grid dan Coordinate. Apabila sobat sudah merasa pusing dan putus asa untuk mempelajari HTML5 di blog ini saya sarankan lebih baik sobat tutup blog ini dan jangan pernah mengunjunginya lagi apabila blog ini menayangkan artikel tentang HTML5 canvas karena akan semakin bingung nantinya.

HTML5 canvas digunakan untuk menggambar grafik menggunakan scripting (JavaScript). Misalnya digunakan untuk menggambar grafik, membuat komposisi foto atau membuat animasi bahkan bisa membuat sebuah game online. Artikel ini akan memperkenalkan tentang HTML5 canvas secara definisi.

Siapa di antara sahabat blogger yang suka bermain dengan typhography? Okeh..dalam demo HTML5 Canvas Typhography melayang ini adalah hasil karya bang hendro. Seperti sebelumnya saya memberikan Demo HTML5 Canvas typhography berdarah silahkan di lihat kalu penasaran bagaimana tulisan bisa berdarah.