My Note

Twit bio longer, aplikasi website yang saya ciptakan karena keterbatasan twitter untuk menyimpan deskripsi hanya beberapa karakter. Aplikasi yang sangat sederhana, anda hanya perlu login akun twitter anda di http://note.l-shaf.me/  lalu mengisi form dan klik tombol save. Cara kerja yang sangat simpel dan tidak ribet. Bagaimana cara melihatnya? sangat mudah. Aplikasi web ini di desain seperti twitter jadi jika anda ingin melihat hasil bio yang anda simpan tinggal klik 'View my bio' atau ke http://note.l-shaf.me/user_name_anda . keren bukan? ingin? tinggal masuk ke websitenya dan login dengan akun twitter anda. Selamat malam dan salam hangat di malam yang dingin ini. By : L Shaf

Wah lama banget ni dah ga share karena kesibukan pribadi. Akhirnya hari ini saya share kembali dengan sesuatu yang sangat simpel, pendek dan tidak bertele-tele karena saya masih sibuk sebenarnya. Langsung saja saya share salah satu aplikasi yang sangat berguna bagi para programmer yaitu Chrome Logger. Apa sih Chrome Logger? baca sendiri aja ya itu di gambar ada tulisannya hehe. jika mau tau lebih lanjut silahkan buka website resminya  http://craig.is/writing/chrome-logger . bahasa yang di support chrome logger untuk debuggin yaitu : - PHP - CF - Python - Ruby - Node.js - .NET Semuanya sudah di tuliskan di website resminya lengkap dan komplit. Ga ngerti cara pakenya? Oke saya jelaskan sedikit : - Install dulu Chrome Loggernya di google chrome kalian - Download misal kalau PHP  http://github.com/ccampbell/chromephp - Pas udah gitu setelah kalian download include file yang udah di download - Misal kalau di php include "ChromePhp.php"; - terus kalau di bawah co

Buat kamu-kamu yang udah punya Sublime Text terus masih ngerasa cara koding kamu masih lama, butuh sesuatu yang baru biar kalau pasang tag tiba-tiba langsung ada ga perlu terlalu inget tinggal pencet tab doang, kalian pasti suka dengan plugin yang satu ini namanya Emmet. Dulunya bernama Zen Coding kalau kata Smashing Magazine mah "Emmet is the most productive and time-saving text-editor plugin you will ever see."  Keren banget kan tuh kalian bisa mempercepat kodingan dengan mengetikkan beberapa singkatan khusus trus kalo kita tekan tab maka akan keluar suatu potongan kode komplek. Sebelum itu coba cek dulu aja nih videonya biar tambah wow. CARA INSTALL Kalau kalian udah install Package Control cara installnya tinggal CTRL+SHIFT+P  → “install” → ENTER → “emmet” → ENTER. Belum tahu Package Control baca dulu artikel  disini . BAGAIMANA CARA KERJANYA? Menulis kode HTML itu kita sadari memang memakan waktu, harus buka tutup tagnya, belum kurungnya, dan segala mac

Setelah mengikuti workshop web desain yang mengantukkan bisa dibilang soalnya pembicaranya bosenin kayak saya klo ngomong di depan publik hehehehe. Saya menemukan editor yang sangat bagus yaitu Sublime Text 2. Recomended banget dari saya karena editornya lebih bagus hampir mirip seperti Dreamweaver yang memiliki helper atau hint untuk mengeluarkan daftar syntax dan seperti Notepad++ yang sangat simpel aplikasinya. Berikut adalah daftar kelebihan yang sudah saya coba dan test di Sublime Text : Mini-map, jadi kita bisa lihat teks secara keseluruhannya Command Palette (CTRL+SHIFT+P), bisa langsung mencari perintah yang kita perlukan untuk mempercepat pekerjaan. Panel-panelnya editornya bisa dipindahkan Kemampuan untuk multiple selection Ada panduan indentasi Bisa di-folding code-codenya Ngeditnya bisa di split jadi beberapa kolom Bisa pakai theme dari TextMate Tanda (),{},"",dsb akan dicocokan dan ditutup otomatis Banyak paket yang bagus bisa buat lebih mudah bek

Akhirnya saya menemukan ide juga untuk mengisi blog saya ini karena beberapa hari ini saya agak sibuk dan tidak bisa posting di blog saya, tapi sebenarnya saya hanya ga punya ide aja sih mau posting apa. Setelah saya memperhitungkan kembali secara berulang-ulang, saya berkeputusan untuk membuat komunitas PHP Mastering untuk daerah Malang dan Kepanjen saja. Startup akan saya mulai di bulan Juni inshaallah. Saya akan memulainya dari sekolah SMP kemudian SMA dan SMK di daerah kepanjen. Nanti saya yang akan menjadi pembimbing mereka dan setiap 1 sekolah memiliki 1 leader untuk mengatur anak buahnya sendiri. Untuk saat ini saya pastinya juga membutuhkan bantuan seseorang juga pastinya. Siapa tau anda tinggal di daerah kepanjen dan ingin bergabung membuat komunitas ini, silahkan kirim email ke saya atau komentar saja di postingan ini. Saya pasti akan merespon antusias kalian dengan cepat karena saya membutuhkan kalian. Mari kita belajar bersama melalui komunitas ini. Saya bukanlah oran

Setelah 3 hari tidak posting sesuatu karena bingung mau posting apa, akhirnya saya menemukan ide untuk membagikan ilmu yang saya punya. Yah walaupun sedikit tapi saya harap dapat berguna untuk kalian. Kalian tahu shortcut kan? ituloh jalan pintas, jadi dengan shortcut ini anda bisa lebih mudah membuka menu yang anda inginkan tapi ini adalah web base jadi bukan untuk aplikasi desktop, mengingat saya hanya bisa sedikit tentang website dan lebih sedikit lagi di desktop. Seperti facebook yang sudah memiliki shortcut memberikan kalian kemudahan dalam mengoperasikan facebook, itupun jika kalian tahu shortcutnya dan sering menggunakannya. Saya tidak membahas shortcutnya facebook tapi saya kasih tau cara membuatnya, untuk kali ini saya gunakan library JQuery agar lebih mudah di pahami. Berikut source codenya : HTML <span id="x">No Status</span> JS $(document).keydown(function(e){ var keys = e.keyCode ? e.keyCode : e.which; if(keys == 13 && e.ctrlKey){

Banyak sekali perubahan yang telah saya lakukan untuk menyempurnakan Almsware LJS yang saya posting kemarin dan akhirnya setelah perubahan yang lumayan banyak, Almsware LJS berkembang lebih baik dari yang sebelumnya. Untuk opening publish karena kemarin masih belum sempurna saya telah menambahkan script game ke Almsware LJS yang saya ambil dari website  http://jdstraughan.com  yaitu game Tron dan Snake. untuk aplikasi Tronnya bisa di klik gambar di bawah ini dan di bawah ini untuk game snake SSnya tidak sama dengan game yang ada di webnya, cuman karena salah malas SS jadi cari di gugel aja :D. Selamat bersenang-senang sambil belajar HTML, CSS dan Javascript. Semoga itu berguna untuk anda. Selamat Pagi. By : L Shaf

Setelah 1 hari 2 malam jadilah projekku yang berawal dari rasa penasaran dan iseng saja. untuk hari pertama 1 malam saya bela-belain tidur malam hanya untuk meriset jsFi*dle[dot]net, dan akhirnya pada malam itu saya buat langsung desainnya sampai jam 12 malem akhirnya jadilah desain awal seperti di bawah ini : Tidak hanya desain, tapi editornya juga selesai. Setelah selesai itu jam 12:00 dini hari tidurlah saya dan bangun ke esokan harinya menjalankan kegiatan sehari-hari bangun jam 04:30 untuk sholat subuh. Niatnya pagi hari setelah tidur lagi dan bangun jam 08:00 mau melanjutkan projek saya tapi apalah daya jika ga punya mood coding sama sekali. Akhirnya saya bermalas-malasan download dan nonton anime update terbaru yang saya tunggu-tunggu 1 minggu lamanya hehehe. Akhirnya tidak terasa tiba-tiba sudah siang hari, saatnya sholat dhuhur dulu lalu melanjutkan projek iseng saya. Problem datang ketika saya menciptakan corenya yang bisa mirip seperti jsFi*dle[dot]net, berjam-jam ber

Kemarin malam jam 10:30 kalau tidak salah di grup ada yang nanya minta buatkan script upload dan download simpel pake database, oke saya buatkan sangat amat sederhana menggunakan 1 file saja :D. langsung saja saya tunjukkan scriptnya <?php mysql_connect("localhost", "root", ""); mysql_select_db("php_mastering"); $acc_ext = array("zip", "rar"); $max_sze = 900000; #in byte if(isset($_FILES['f']) and $_FILES['f']['tmp_name']){ $file_path = $_FILES['f']['tmp_name']; $file_name = $_FILES['f']['name']; $file_size = $_FILES['f']['size']; #mengambil extensi file yang di upload $file_extn = explode(".", $file_name); #mengacak nama agar tidak ada kemungkinan nama file sama $file_pt = $file_extn[0]."_".strtotime(date('Y-m-d H:i:s')).".".$file_extn[count($file_extn)-1]; #mengacak apakah extensi support

Kenapa judul kali ini "Satu Langka Maju Menjadi Programmer" ? Karena saya menganalisa selama ini banyak orang IT di Indonesia menjadi programmer hanya setengah-setengah. Kenapa bisa di bilang setengah-setengah? Karena mereka banyak mengetehaui bahasa pemrogaman tapi tidak satupun bahasa pemrogaman yang mereka kuasai dengan penuh, jadi yang penting tau dan bisa. Itu semua terjadi pada kebanyakan pelajar dan mahasiswa sekarang, walau tidak semua tapi lumayan banyak dari pada orang yang bisa menguasai 1 atau lebih bahasa pemrogaman. Suatu pagi ketika saya mengetik artikel ini, saya ingat kata-kata guru saya "Lebih baik menguasai satu dari pada tahu banyak" maksudnya lebih baik baik anda menguasai hanya 1 bahasa pemrogaman saja dari pada anda mengetahui banyak bahasa pemrogaman tapi tidak menguasai salah satu dari mereka, percuma kan kalau udah tau banyak tapi hanya sekedar tau saja. Ada baiknya kalau anda sudah mengetahui banyak anda memfokuskan 1 saja bahasa pemr

oke setelah saya kemarin saya berdiskusi dengan teman-teman 1 grup saya, saya jadi ingat waktu TA ketika saya MASIH bersekolah (sekarang dah mau LULUS #Amin). Kenapa sih kalau bikin web kok 1 file 1 desain alias 1 file itu lengkap semuanya, padahal itu kan bisa di minimalisir. Sepengalaman saya bagi para nub mereka terlalu berfikir gampang "yang penting jadi ga masalah caranya" trus ada lagi "yang penting output" beda sama yang udah master ni hehehe. Padahal ketika semua itu bisa mereka minimalisir, itu bisa memudahkan mereka untuk mendevelopnya, tidak kesulitas musti bikin desainnya dari awal terus jika desainnya berubah 1 harus ngerubah semuanya. Repot kan?? Dan ada lagi yang paling saya ga suka nih, ga peduli masih sekolah atau udah kuliah ternyata ada aja yang codingnya berantakan alias ga rapi. Semua tabnya ga ada yang beraturan jadi terkadang sulit banget baca codingnya. Gimana sih caranya memilimalisirnya? Oke cara 1 : kalian bisa pake IF / Select Case

oke kali ini saya akan menjawab pertanyaan dari sahabat saya yang bernama mas Ryan yaitu "Bagaimana caranya load more seperti facebook?? dimana ketika kita menscroll ke bawah secara otomatis langsung me load more content.". Saya tidak banyak kata-kata untuk kali ini, jadi langsung saya tampilkan source code dan akan saya jelaskan sourcenya : <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script> <style> #box{ opacity: 0.8; position:fixed; top:0px; left:0px; background:#000; color:#FFF; padding:3px; } </style> <script> $(window).load(function(){ $(window).scroll(function(){ var limitz = $(document).height() - (600 + (10/100*$(document).height())); if ($(window).scrollTop() >= limitz && limitz >= 150){ $("#box").html("Load More Area") }else{ $("#box").html("Nothing to Do") }

Kali ini saya lagi membuat grup yang namanya PHP mastering dimana grup ini membahas tentang programming PHP alias PHP Hypertext Processor, bukan Pemberi Harapan Palsu seperti yang anak ABG katakan sekarang. Saya hanya berkeinginan berbagi ilmu dengan kalian semua. Jika kalian ingin menanyakan sesuatu tentang PHP atau masalah tentang developing web, silahkan masuk ke grup saya dan tanyakan masalah anda. Kalian ingin berbagi ilmu anda dengan yang lain atau kalian ingin mempromosikan aplikasi yang sudah kalian buat. Pertanyaan - pertanyaan yang kalian tanyakan akan saya jawab dengan segera sebisa saya, Jika pertanyaan tersebut sudah solve suatu saat saya akan membuatkan artikelnya di blog ini untuk kalian semua dengan Label "Grup" agar suatu saat jika kalian lagi malas mencarinya di grup kalian bisa melihatnya di sini dengan Label yang saya tuliskan tadi. Silahkan bagi yang berminat saya memiliki 2 Tempat grup PHP Mastering yaitu : - Google+ - Facebook hanya itu sa