Herman Taniwan

Molehill is Available !

Herman Taniwan — Thu, 03 Mar 2011 01:21:49 +0000

Yap, di announced pada tanggal 28 Februari 2011. Bagi yang belum tahu, Molehill adalah satu set API yang dikembangkan oleh Adobe untuk dapat berinteraksi dengan GPU pada saat pemrosesan Grafik 3D. Hal ini dilakukan untuk mempercepat rendering polygon yang membentuk sebuah objek 3D (Kecepatan suatu Grafik 3D = Kecepatan proses polygon). Saat ini anda bisa mencoba sepak terjang molehill dengan menggunakan Adobe Flash Player Incubator. Seperti dikutip dari websitenya di http://labs.adobe.com/technologies/flashplatformruntimes/incubator/ :

“The Adobe® AIR® and Adobe Flash® Player Incubator is a technology preview program for more adventurous developers who are willing to experiment with Flash Platform runtime features that are in early development stages. Test the bleeding-edge capabilities of runtimes and contribute to the future of the Flash Platform. Please note that the capabilities in the Incubator builds may or may not be supported in future releases of the runtimes.”

Ini berarti bahwa Flash Player ini sifatnya experimental dan tidak akan digunakan dalam future release. Saya sendiri telah mencoba kehandalannya dengan bermain game molehill yang disediakan Adobe.

Hubungan dengan Unity 3D

Molehill ini juga nanti bisa dikembangkan di unity3D sebelum nantinya diekspor.

Hubungan dengan Mandreel

Selain itu dengan menggunakan software bernama mandreel kita bisa mengubah apps yang sebelumnya berasal dari bahasa lain seperti C++ dan OpenGL ke dalam Molehill ini sendiri.

MANDREEL from Lee Brimelow on Vimeo.

Dan tidak ketinggalan pula, Molehill ini akan didukung oleh beberapa framework terkenal seperti Away3D, Alternativa3D, Flare3D dan yang lainnya.

Demo

Demo dari Alternativa yang paling terkenal :

Demo dari Away3D :

Tutorial

Ingin segera mencoba ? jangan khawatir, saya menemukan tutorial Molehill dan Away3D :

Sekian dulu untuk kali ini, Kedepannya saya akan membahas mengenai detail dari Flash Player 3D yang baru ini baik itu adalah Molehill ataupun Stage Video, sampai jumpa sahabat interaktif Indonesia !

Adobe Camp (Flash Focus)!

Herman Taniwan — Sat, 25 Dec 2010 04:01:13 +0000

Kabar gembira !, Adobe menyelenggarakan Adobe Camp di indonesia dengan fokus pada Flash Platform, yeah i like this one.

Adobe Camp is :
-celebrations of the talents of the local community. They showcase the skills of local developers and designers to inspire and train the attendees. Adobe speakers also participate in Camps.
- events that expose people to Adobe tools. This is done using many creative approaches, such as demos, hands-on trainings, and team coding sessions to just name a few
- events that feature case studies and examples of projects built using Adobe technologies
- events that raise awareness of the local Adobe community and introduce attendees to the local user groups

Pembicaranya :
- Tom Krcha (Adobe Platform Evangelist)
Tom adalah seorang platform evangelist langsung dari adobe yang banyak mendiskusikan tentang P2P connection.
- Ahmad Fathi Hadi (RIA and Mobile Developer) : Adobe user group manager di indonesia.
- Ari Setyo (Flex and Web Developer)
- Anggie Baratadinata (senior Flash Game engineer -handson.com)
- Tubagus Saepul Anwar (Flex and AIR Developer)
- Nata Chen (Game / Creative Producer)
- Nova Saputra (Java Developer)
- Rizal Akbar (Flash Developer)

Detail Acaranya :

Nama:Adobe Camp Indonesia
Focus:Adobe Flash Platform
Tempat:Universitas Budi Luhur
Jl. Cileduk Raya Petukangan Utara
Jakarta Selatan 12260
Tanggal:20 Januari 2011. Pukul 08-00 s/d 17:00

Biaya:Free

Anda dapat mendaftar melalui http://adobecampindonesia2011.eventbrite.com/
Pada akhir acara kami akan mengundi satu orang pemenang yang akan berhak mendapatkan lisensi dengan total $2100

Beberapa bagian dari post ini dikutip dari
- http://blog.fathihadi.net
- http://flexindonesia.blogspot.com/2010/12/flash-camp-indonesia-2010.html

Clear CSS Float

Herman Taniwan — Sun, 12 Dec 2010 06:21:23 +0000

Mari kita lihat problem yang kita temui terlebih dahulu.

Hasil yang diinginkan adalah

Layout seperti ini biasanya sering dilihat di kolom berita, forum dan yang seperti pada website gizmodo berikut :

Standard koding biasa :





Herman Taniwan





	
    	
        Lorem ipsum …...
    
	
    	
        Sed ut …..

Setelah ditambah float left :

.left{
	float:left;
}


    	
        Lorem ipsum dolor ……div>
 


    	
         Sed ut ……div>

Hasilnya adalah seperti contoh diatas dimana border merah yang membungkus dan seharusnya otomatis tingginya terhadap besar objek menjadi menyusut hingga seperti ini. Penyebab dari hal ini adalah penggunaan float menjadikan flow (Alur posisi CSS menjadi tidak normal). Ini adalah problem yang lumayan sering saya temui dalam konversi PSD -> HTML. Layout akan normal kembali apabila border dapat membungkus seperti pada gambar pertama.

Dulu solusi yang saya temukan adalah dengan menambah float : left lagi pada box pembungkus (#main_box dalam hal ini) menjadi seperti berikut :

SOLUSI BERBAHAYA !

.main_box{
	width:500px;
	border:1px solid red;
	float:left;/*TAMBAH DISINI*/
}

dan akhirnya bisa :

Solusi ini sah – sah saja sebenarnya apabila yang anda temui layoutnya hanya ada satu atau terletak di bagian yang paling kiri atau dipaling kanan serta tidak didalam atau dibungkus apapun. Ketika saya bertemu dengan situasi di dimana sectionnya ada di tengah – tengah saya pun sempat bingung dan akhirnya terpaksa membuatnya menjadi fixed container pembungkusnya yang sebenarnya jelek dan tidak dinamis sama sekali.

Contoh :

.main_box{
	width:700px;
	height:300px;
    border:1px solid red;
}

Dan efek sampingnya adalah ketika teks bertambah banyak border kita tak mampu bertambah panjang.

SOLUSI AMAN
Dan disinilah dimana teknik Float Clearing beraksi :
Cara yang paling sering saya gunakan adalah dengan menambahkan tag berikut ke dalam main_box.

Cara penambahannya :

TAMBAH CLASS CLEAR

.clear{
	clear:both;
}

Dan tag-nya di dalam tubuh main_box persis sebelum tutup tagnya :


     
      Lorem Ipsum ….

Dan akhirnya hasilnya pun sama, lebih aman dan ok.

Cara ini menurut saya adalah yang paling singkat dan sering saya gunakan. Sebenarnya masih ada cara lain lagi selain ini.

Anda juga bisa memakai teknik class clearfix

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

Dimana ini ditambahkan pada #main_box menjadi



 Lorem Ipsum ….

Berdasarkan hasil riset saya, teknik diatas katanya tidak sepenuhnya berfungsi 100% dalam beberapa kondisi (Maaf belum pernah bertemu). Hasil test diatas telah saya coba di browser IE6, IE7, FF3+, Chrome, Opera dan Safari. Semuanya OK!

Untuk mengetahui lebih lanjut mengenai masalah float dan dasar – dasarnya bisa mengunjungi situs berikut :
http://www.positioniseverything.net/easyclearing.html
http://css-tricks.com/all-about-floats/

Terimakasih telah membaca dan semoga bermanfaat.

FlashDevelop Tutorial

Herman Taniwan — Sat, 04 Dec 2010 16:22:56 +0000

Intro

Code Editor di Flash IDE sangatlah buruk, karena tidak memiliki auto complete, refactoring dan hal – hal yang lainnya. Developer flash yang handal biasanya tidak menggunakan Flash IDE untuk koding di dalamnya. Mereka memakai code editor. Ada banyak Code Editor yang bisa anda pakai seperti Intellij IDEA, FDT, Realaxys, FlashDevelop, FlashBuilder dan masih banyak lagi yang lain. Persamaan mereka adalah mereka membutuhkan Flex SDK untuk compiling program.

FlashDevelop adalah sebuah Code Editor Gratis yang dispesialisasikan untuk flash platform walaupun tak menutup kemungkinan untuk web dan yang lainnya. FlashDevelop sendiri dibangun diatas .NET Framework.

Klik di bagian Release notes dan download. Anda akan masuk ke halaman lain dan download FlashDevelop yang terbaru.

4. Saatnya Install

Pertama – tama install terlebih dahulu .NET Framework dan Java Runtime Environment-nya. Setelah selesai barulah anda install FlashDevelop.

FlashDevelop versi 3.3 sedang mendownload Flex SDK yang ada. Tidak seperti versi sebelumnya 3.2 yang mengharuskan anda untuk mendownload secara terpisah dan baru diintegrasikan kemudian.

5. Tampilan awal FlashDevelop

6. Buat Project baru.

Klik Project >> New Project
- Pilih AS3 Project
- Masukkan Name “IntroFlashDevelop”.
- Centang Create Directory Project.
- Klik Ok.

7. Tampilan Main Page.

Ini adalah tampilan Main.as dimana pada tampilan ini anda dapat melihat beberapa kode yang otomatis dibuat (Template). Jika anda tidak dapat menemukan tampilan ini anda bisa ke
View >> Project Manager.

8. Checking dan Testing.

Untuk mencoba segala sesuatunya berjalan tekan F5 untuk kompilasi. Jika sukses maka akan muncul tampilan FlashPlayer seperti dibawah.

Sekarang kita akan mencoba membuat lingkaran :
Tambahkan kode berikut setelah //entry point

var circ:Sprite = new Sprite();
circ.graphics.beginFill(0xFF0000, 1);
circ.graphics.drawCircle(0, 0, 100);
circ.graphics.endFill();

circ.x = stage.stageWidth >> 1;
circ.y = stage.stageHeight >> 1;

addChild(circ);

Setelah itu coba kembali tekan F5 untuk kompilasi. Jika anda akan melihat sebuah lingkaran merah di tengah berarti anda telah berhasil mensetup FlashDevelop.

Fitur favorit saya dalam menggunakan flash develop adalah shortcut Ctrl+Shift+1. Anda bisa melakukan deklarasi setter/getter, generate function lengkap dengan listener. Ada pula Ctrl+Alt+S yang bisa anda gunakan untuk mengimport Class serta Ctrl+S untuk code completion.

Untuk lebih jelasnya bisa dilihat disini :
http://www.flashdevelop.org/wikidocs/index.php?title=Shortcuts

Sekian dulu dan maju terus dunia interaktif indonesia.

Mouse Event Actionscript 3.0

Herman Taniwan — Tue, 03 Aug 2010 15:48:50 +0000

Untuk membuat aplikasi yang interaktif kita akan membutuhkan mouse. Dalam tutorial kali ini akan kita bahas beberapa fungsi – fungsi mouse yang sering digunakan.

View Example

1. CLICK vs DOUBLE CLICK

Fungsi mouse yang satu ini merupakan fungsi paling sering digunakan.
Untuk menggunakan click hal yang perlu dilakukan cukup gampang. Perhatikan kode berikut untuk lebih jelas :

stage.addEventListener(MouseEvent.CLICK,onMouseClick);

function onMouseClick(e:MouseEvent):void{
trace(‘stage di klik’);
}

stage.addEventListener(MouseEvent.DOUBLE_CLICK, onMouseDoubleClick);

function onMouseDoubleClick(e:MouseEvent):void{ trace(‘stage di double click’); }

Kode di atas tidak akan berfungsi optimal karena pada actionscript 3 kita perlu untuk mengaktifkan fungsi double click.

stage.doubleClickEnabled = true;

2. MOUSE OVER vs ROLL OVER

Bingung tentang hal diatas, mari kita lihat.
Buat kondisi movieclip dalam movieclip. Beri nama movieclip paling luar dengan nama rect.

Masukkan kode berikut :

rect.addEventListener(MouseEvent.MOUSE_OVER,onMouseOver);

function onMouseOver(e:MouseEvent):void{
trace('kotak over');
}

Sampai output yang dilakukan adalah sebanyak 3 kali ( sampai pointer diletakkan diatas kotak merah dan dikeluarkan dari kotak ) yaitu :
1. Ketika pointer memasuki kotak hitam maka output akan keluar.
2. Ketika pointer memasuki kotak merah maka output akan keluar.
3. Ketika pointer keluar dari kotak merah maka output akan keluar.

Sebaliknya ketika RollOver dilakukan dengan kondisi yang sama maka output yang dilakukan hanya satu kali saja.

Hal yang terjadi di atas sama ketika diimplementasikan pada MOUSE OUT dan ROLL OUT.

3. MOUSE UP dan MOUSE DOWN

Ketika anda membutuhkan sebuah aksi terjadi seketika setelah mouse sedang di klik maka anda membutuhkan MOUSE DOWN dan sebaliknya jika menginginkan ketika mouse di lepaskan di atas kotak maka anda membutuhkan MOUSE UP.

Contoh Mouse Up :

Perlu diingat bahwa MOUSE CLICK = MOUSE UP + MOUSE DOWN (1 SIKLUS).

4. MOUSE MOVE dan MOUSE WHEEL

Fitur MOUSE MOVE digunakan ketika anda ingin mendeteksi dragging pada mouse sedangkan MOUSE WHEEL digunakan untuk mendeteksi scrolling pada mouse.

Copy Button (Cross – Browser)

Herman Taniwan — Tue, 08 Jun 2010 07:53:19 +0000

Copy button memang bisa dicapai hanya dengan menggunakan javascript. Akan tetapi ada beberapa masalah seperti perlakuan yang berbeda pada masing – masing browser dan Untuk alasan itulah maka kita membutuhkan flash sebagai solusinya.

View Example
View Example

Langkah 1 : Sekilas

Untuk menciptakan fungsi copy to clipboard yang cross-browser (jalan di browser manapun) harus digunakan flash. Salah satu contohnya bisa dilihat di indowebster :

Contoh Lainnya :

Jika anda perhatikan dengan baik maka tombol diatas sebenarnya adalah tombol flash (untuk mengujinya klik kanan pada tombol tersebut). Pada tutorial kali ini kita akan membuat button clipboard seperti iitu.

Langkah 2 : Siapkan Flash

Atur terlebih dahulu size dari stage anda (Ctrl + J) menjadi 80 x 30px.

Langkah 3 : Desain Copy Button

Desainlah tombol anda dan tekan F8, kemudian pilih tipenya button :

Setelah itu ubah warna dan desainnya sesuka hati. Berikut adalah komposisi warna saya :

Jangan lupa untuk menamai button anda dengan nama copyBtn seperti yang dilakukan dibawah ini :

Langkah 4 : Tambahkan Sedikit Magic !

Tambahkan Script berikut pada frame pertama anda :

import class ExternalInterface untuk komunikasi dengan javascript.

import flash.external.ExternalInterface;

Script dibawah ini berfungsi menampung parameter yang dikirim melalui javascript. Dalam contoh kali ini nama variabel yang dikirimkan dari javascript adalah “url” di dalam flash kita menuliskan param[“url”]. String yang membungkusnya berfungsi untuk mengubah tipenya menjadi String.

 var param:Object = LoaderInfo(this.root.loaderInfo).parameters;

var url:String = '';
 url = String(param["url"]);

Tambahkan Listener kepada copyBtn.

 copyBtn.addEventListener(MouseEvent.MOUSE_UP,copyText);

Fungsi dari copyText terdiri dari 2 hal yang pertama anda mengkopi url ke dalam clipboard dan yang kedua berfungsi untuk memanggil fungsi javascript yang bernama popMeUp.

 function copyText(e:MouseEvent):void{
 System.setClipboard(url);
 if(ExternalInterface.available){
 ExternalInterface.call("popMeUp");
 }
 }

Langkah 5 : Buat File HTML

Buatlah file HTML anda satu folder dengan file flash anda.





Copy Demo








Paste disini.

Hal terpenting yang dilihat disini adalah

Pada block inilah akan diselipkan file swf kita.

Langkah 6 : Tambahkan Javascript

Untuk mengembed flash kedalam HTML, kita akan menggunakan swfobjects. Download codenya dari http://code.google.com/p/swfobject/

Tambahkan scriptnya.

Script ini dipanggil sesaat setelah HTML telah diload selesai ( ).

 function initPage(){

}

Hal berikutnya adalah kita masukkan script berikut kedalam fungsi init. Sekarang akan ditambahkan swf yang telah dibuat tadi kedalam HTML melalui javascript. Lihatlah bahwa flashvars.url menandakan anda mengirim parameter bernama url kedalam flash dan dalam hal ini nilainya diambil dari input text.

 var flashvars = {};
 flashvars.url = document.getElementById("inputText").value;

params.allowscriptaccess yang diset always memberikan wewenang kepada HTML untuk berkomunikasi dengan flash.

 var params = {};
 params.allowscriptaccess = "always";
 var attributes = {};

Fungsi untuk mengembed SWF ke dalam HTML adalah
swfobject.embedSWF(namafile,id_tagHTML,pjg,lbr,versi,badge_installer, flashvars,params,attributes)

id_tagHTML adalah id dalam HTML dimana file swf tadi akan diselipkan dalam hal ini copy_button.

badge_installer disini artinya adalah badge installer akan ditambahkan ketika computer client memiliki versi flash yang lama. Kita dapat menambahkan path badge tersebut contohnya : “expressinstall.swf” atau jika tidak diinginkan ganti menjadi false.

 swfobject.embedSWF("copy.swf", "copy_button", "80", "30", "9.0.0",false, flashvars, params, attributes);

Script ini dipanggil oleh flash melalui ExternalInterface.call(“popMeUp”); yang bisa dilihat diatas.

 function popMeUp(){
 document.getElementById("textblok").style.display='block';
 alert("Pesan anda telah terkopi");
 }

Hanya tambahan saja, ketika textarea diklik maka warna teks akan menjadi hitam dan isinya dikosongkan.

 function onTextAreaClick(){
 document.getElementById("textblok").style.color = '#000000';
 document.getElementById("textblok").value = '';
 }

Langkah 7 : Sedikit Styling

#inputText{
	padding:5px;
	width:150px;
	background:white;
	color:#878685;
	border:1px solid #CACACA;
	float:left;
	margin-right:12px;
}

#textblok{
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C7C6C5;
	font-size:14px;
	display:none;
	width:250px;
}

Code Akhir





Copy Demo









Paste disini.

NB : Perhatikanlah bahwa lebih baik menggunakan teknik ini hanya pada saat ketika url atau teks dalam bentuk statis bukan dinamis. Hal ini dikarenakan adanya beberapa persoalan security yang muncul. Akhir kata, sekian dulu untuk kali ini dan sampai ketemu di tutorial berikutnya sahabat interaktif.

Membuat Scroller Up Button

Herman Taniwan — Mon, 07 Jun 2010 04:34:35 +0000

Pada kesempatan kali ini, saya akan membagikan sebuah teknik yang banyak digunakan oleh website yaitu scroller up button. Nah showcasenya bisa dilihat disini http://www.dijaminmurah.com (Web hosting murah indonesia kualitas OK !). Seketika anda scroll website tersebut dibawah anda akan melihat adanya tombol button up.

Ini yang akan kita buat :

View Example

Ketika anda klik button tersebut maka window tadi akan bergerak ke atas dan kemudian menghilang kemudian ketika anda scroll down lagi maka button tersebut muncul kembali dan seterusnya.
Untuk dapat membuat ini kita membutuhkan 2 hal yaitu CSS + JQuery. Pertama kita akan membuat layoutnya terlebih dahulu.




	Scroller up Button


 


         Text yang panjang
		 ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...

Anda akan mendapatkan teks yang berulang – ulang dengan menggunakan code ini tetapi anda bebas berkreasi sesuka hati. Setelah anda memiliki teks panjang hingga memicu timbulnya scroller disamping, hal berikutnya yang ditambahkan adalah button scroller.

Tambahkan style berikut :

Ups apa yang terjadi ?. Kita telah memberikan style kepada topButton. Kita set width dan heightnya sesuai dengan image yang digunakan dalam hal ini adalah “green_arrow_up.png”. Untuk mendapatkan posisi yang statis (tidak berubah ketika discroll) maka set position menjadi fixed.

Anda akan mendapatkan preview seperti dibawah.

Ok sampai disini telah 50% berjalan. Setelah itu kita masuk ke bagian script. Tambahkan script berikut ke sebelum tag penutup body :

Script diatas sangatlah simple. Mulailah melihat dari

$(window).scroll(function()
	{
		if(!scrollingup){
			if($(window).scrollTop() > 0){
				$("#topButton").fadeIn('normal');

			}else{
				$("#topButton").fadeOut('normal');
			}
  		}
});

Script ini adalah untuk mengecek posisi scroll window. Apabila scroll tidak bergerak maka ia berada dalam posisi 0 dan ketika bergerak maka nilai posisinya akan lebih dari 1. Hal selanjutnya adalah penambahan efek Fade In ketika scroll bergerak (nilai posisi > 0).

Script berikutnya untuk memicu apakah anda telah menekan scroller up button tersebut.

$("#topButton").click(function(){
	scrollingup = true;
	$('html').animate({scrollTop:0}, 'slow',function(){scrollingup = false});
	$("#topButton").fadeOut('normal');

	return false;
})

Apa yang terjadi disini adalah ketika scroller up button di-click maka window akan tertarik ke atas dan button akan di fadeOut.

Dan apa yang kemudian variabel scrollingup lakukan ?

Variabel ini penting dan bertindak sebagai penanda bahwa ketika scrollup terjadi maka pengecekan if($(window).scrollTop >0) tidak dilakukan. Efek Fadeout yang berulang akan terjadi ketika anda mengabaikan variabel scrollingup ini. Variabel ini juga kembali direset ke posisi awal ketika scroller sudah mencapai puncaknya / nilai posisi = 0 (lihat line-4 code diatas).

Nah setelah semuanya selesai anda akan melihat satu kejanggalan yaitu ketika anda membuka halaman untuk pertama kalinya scroller up button kelihatan, Bagaimana cara menghilangkannya ? Hilangkan saja dengan tambahkan display : none pada css diatas.

code akhir :




	Scroller up Button
    


 


         Text yang panjang
		 ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...
         Text yang panjang
         ...

Sekian dulu para sahabat interaktif, selamat mencoba dan jangan lupa beri komentarnya.

Google Fonts, Apaan Sih?

Herman Taniwan — Sat, 05 Jun 2010 09:03:30 +0000

Yup, Apaan sih Google Fonts itu ?. Google Fonts merupakan layanan baru dari google dimana kita diperbolehkan untuk menggunakan Custom Fonts pada web kita. Sebelumnya anda dapat menggunakan tools seperti typekit atau menggunakan teknik image replacement yang menggantikan text tersebut dengan gambar ataupun dengan menggunakan flash.

Berikut adalah Cara Penggunaan dari Google Fonts ini sendiri. Cukup simpel, gampang dan tak ribet. Jika anda malas membuatnya di editor, akan saya ajarkan sebuah cara yang gampang. Pertama buka jsbin.com (Editor Online).

View Example

Setelah itu copas kode berikut ke dalam jsbin dan klik preview (Sudut Kiri Atas).






 
 Test Google Fonts

 


 Herman Taniwan.com

Previewnya :

Untuk Pilihan Font yang lain silahkan langsung ke fontdirectory google.

Setelah itu anda akan masuk ke sini :

Copy API Parameter namenya, masukkan ke dalam CSS dan script. Tidak ketinggalan pula bahwa tanda plus pada API diatas adalah spasi di CSS, sedangkan untuk script kita biarkan saja seperti itu.






 
 Test Google Fonts

 


 Herman Taniwan.com

Zero Post

Herman Taniwan — Sat, 05 Jun 2010 03:20:19 +0000

Post ke – 0 menandakan post pertama saya. Post ini sekaligus menjadi hari lahir web ini . Web ini berisi mengenai inspirasi, tutorial yang berkualitas dalam bidang desain interaktif. Hal – hal yang meliputi di dalamnya mulai dari Flash hingga JQuery. Teruslah mengikuti web ini dan anda akan mendapatkan sebuah inspirasi yang luar biasa. Web ini akan senantiasa mendukung anda baik anda dalam level individual maupun level corporate dalam menciptakan aplikasi luarbiasa baik bagi client maupun project anda yang lain.

Akhir kata, Jika anda tertarik berafiliasi, berminat dalam mensponsori blog ini ataupun sedang mencari freelancer, atau fulltimer. Anda bisa menghubungi saya melalui taniwanherman@yahoo.com. Web ini masih baru dan oleh karena itu beberapa menu masih belum aktif dan dalam pengembangan.

Terimakasih dan salam hangat.

Herman Taniwan (Founder)

Herman Taniwan

Molehill is Available !

Hubungan dengan Unity 3D

Hubungan dengan Mandreel

Demo

Tutorial

Adobe Camp (Flash Focus)!

Clear CSS Float

FlashDevelop Tutorial

Intro

1. Download .NET Framework.

2. Download JRE 1.6+

3. Download FlashDevelop

4. Saatnya Install

5. Tampilan awal FlashDevelop

6. Buat Project baru.

7. Tampilan Main Page.

8. Checking dan Testing.

Mouse Event Actionscript 3.0

1. CLICK vs DOUBLE CLICK

2. MOUSE OVER vs ROLL OVER

3. MOUSE UP dan MOUSE DOWN

4. MOUSE MOVE dan MOUSE WHEEL

Copy Button (Cross – Browser)

Langkah 1 : Sekilas

Langkah 2 : Siapkan Flash

Langkah 3 : Desain Copy Button

Langkah 4 : Tambahkan Sedikit Magic !

Langkah 5 : Buat File HTML

Langkah 6 : Tambahkan Javascript

Langkah 7 : Sedikit Styling

Code Akhir

Membuat Scroller Up Button

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Text yang panjang

Google Fonts, Apaan Sih?

Zero Post