Drag Responsive

Wah ini nih kudu bookmark nih

http://www.dragsponsive.com/

Drag elements from the left side bar and drop them in the white board below.
Each dropped element can be draged for changing the order.
Click save button when you are done or reset to clear what you have done.

Tutorial Menggunakan LESS CSS

Baiklah kali ini saya akan mencoba menuliskan apa yang telah di jelaskan oleh teman saya. Sebagai noted untuk diri sendiri dan tentunya untuk share ilmu bagi kalian yang sedang mempelajari apa itu LESS CSS.

LESS berfungsi untuk membantu kita menyederhanakan penulisan pada CSS. Sebelumnya saya sudah menjelaskan mengenai pengertian, tujuan, dan fungsi dari LESS CSS sendiri. Kalau belum sempat baca, silahkan klik link ini http://endahrika.blogspot.com/2014/10/apa-itu-less.html.

Berikut adalah persiapannya :
  1. Download Koala App
    Koala adalah aplikasi GUI untuk Less, Sass, Compass and CoffeeScript compilation, untuk membantu pengembang web untuk menggunakannya lebih efisien. Koala dapat berjalan di windows, linux dan mac. Link : http://koala-app.com/
  2. Download LESS CSS
    Anda bisa mendownload di http://lesscss.org/. Atau supaya Lebih Mudah, Download LESS CSS di dropbox saya https://www.dropbox.com/s/ode3pjgt6vo8dmp/less_default.zip?dl=0

Perkenalan LESS CSS

Tujuan LESS dibuat adalah memberikan support konsep OOP pada CSS.
Begini saja. Menulis kode-kode CSS seringkali menjadi pekerjaan yang membosankan apabila kita harus menuliskan berulang-ulang kode yang hampir sama untuk elemen-elemen yang berbeda. Masalah lain yang sering timbul adalah penulisan selector yang panjang untuk menunjukkan sebuah elemen turunan. Hal-hal tersebut tentunya cukup mengganggu dalam proses membangun tampilan sebuah web yang baik. Bayangkan kita sedang berada pada project besar dan tentu membutuhkan code CSS yang banyak, mungkin bisa jadi ribuan baris per filenya. Nah pada akhirnya akan sulit untuk di maintenance. Dan kita pun lebih ribet karena menulis kode CSS secara berulang-ulang. Untuk menyelesaikan masalah tersebut muncullah banyak CSS pre-processor untuk menulis CSS lebih dinamis dan mudah. Salah satunya adalah LESS.

LESS adalah preprosesor CSS yang memberikan sentuhan dinamis kepada CSS. LESS dikembangkan oleh Alexis Sellier di mana kelebihan utama dari LESS adalah menambahkan variable, mixins, operations and nested rules pada CSS kita. Hal ini membantu kita lebih cepat serta menyederhanakan penulisan koding CSS.

Coba cek disini >> lesscss.org

Berikut adalah fitur-fitur yang dimiliki LESS:
  1.  Variable
    Dengan menggunakan variabel pada LESS kita dapat mendeklarasikan nilai-nilai yang akan digunakan secara luas atau sering digunakan dalam satu tempat saja. Nilai-nilai tersebut nantinya dapat kita gunakan berulang-ulang dalam stylesheet dengan mudah. Dengan demikian, untuk membuat perubahan kode secara global menjadi lebih mudah, sesederhana mengubah satu baris kode.
  2. Mixin
    Mixin memungkinkan kita untuk memasukkan semua properti dari sebuah kelas ke dalam kelas lain cukup dengan menyertakan nama kelas tersebut sebagai properti kelas tujuan. Pada dasarnya mixin hampir sama dengan variable, tapi mixin mencakup seluruh kelas. Mungkin mixin ini pada bahasa pemrograman lain bisa Anda setarakan dengan fungsi atau modul, Anda juga dapat menyertakan parameter atau argument di dalamnya.
  3. Nested Rule
    LESS juga mendukung nested rule atau aturan bertingkat yang memungkinkan Anda untuk mendefinisikan elemen turunan dengan spesifik tanpa perlu menuliskan nama selector dari elemen tersebut dengan baris yang panjang. Anda cukup mendefinisikan elemen tersebut di dalam elemen induknya. Dengan demikian turunan elemen dapat diketahui dengan mudah dan membuat kode pada stylesheet lebih ringkas.
  4. Functions & Operations
    Pengembang LESS juga menyertakan operasi matematika yang memungkinkan Anda untuk menjumlahkan, mengurangi, membagi maupun mengalikan warna atau nilai lainnya pada properti sebuah elemen. Fitur ini mendukung terjadinya keterkaitan yang lebih kompleks antar properti dari elemen tampilan sehingga perubahan secara masif bisa dilakukan dengan mudah. Karena fungsi-fungsi dan operasi tersebut diproses satu persatu menggunakan javascript, Anda memungkinkan untuk mengatur nilai-nilai properti sedemikian rupa sesuai kehendak.

Kunci Surga : Taat pada Suami



Allah tidak akan melihat kepada wanita yang tidak mensyukuri apa yang ada pada suaminya dan tidak merasa cukup dengannya. (HR Nasa’i)

Wanita yang meminta cerai pada suaminya tanpa sebab (yang syar’i) maka haram baginya mencium wangi Syurga. (HR Abu Daud dan At-Tirmizi )

Kerana kebanyakan kamu adalah kayu api Neraka Jahanam. Kerana kamu banyak mengeluh dan kamu tidak taat terhadap suami. (HR Al- Bukhari)

Apabila seorang isteri mengerjakan solat 5 waktu, mengerjakan puasa sebulan, memelihara kehormatannya (aurat) serta mentaati suaminya nescaya dia akan masuk syurga. (Riwayat Imam Bazzar melalui Anas r.a)

Dia akan disuruh memasuki syurga melalui mana-mana pintu yang dia sukai. (Hadis Riwayat Ahmad)

Jikalau sekiranya ada perintah dari Allah SWT untuk menyuruh manusia sujud kepada manusia nescaya aku suruh isteri sujud kepada suaminya.

Ya Allah pencipta langit dan bumi beserta seluruh isinya. Ajarilah kami bagaimana memberi sebelum meminta, berfikir sebelum bertindak, santun dalam berbicara, tenang ketika gundah, diam ketika emosi melanda, bersabar dalam setiap ujian.

Ya Allah, Ya Wahhaab, Ya Majid ampunilah kami. Jadikanlah kami wanita yang sholeha, yang takut dan hormat terhadap suami, patuh serta taat terhadap suami, senantiasa menjaga kehormatan suami, dan selalu menyanyanginya. Jagalah tutur kata kami Ya Rabbana, jangan jadikan kami wanita yang mudah mengeluh dan selalu mensyukuri Nikmat yang telah Engkau berikan kepada kami.

Ya Allah Ya Kareem, Ya Fattah, jadikanlah kami manusia yang selembut Abu Bakar Ash-Shiddiq, sebijaksana Umar bin Khattab, sedermawan Utsman bin Affan, sepandai Ali bin Abi Thalib, sesederhana Bilal, setegar Khalid bin Walid radliallahu’anhum. Amin ya Rabbal’alamin.

Sebab yang menjerumuskan kaum wanita ke dalam Neraka

1. Kufur Terhadap Suami dan Kebaikan-Kebaikannya
"Allah tidak akan melihat kepada wanita yang tidak mensyukuri apa yang ada pada suaminya dan tidak merasa cukup dengannya." Sabda Rasulullas SAW.
Seorang isteri yang mengingkari kebaikan-kebaikan suaminya selama sekian waktu yang panjang hanya dengan sikap suami yang tidak sesuai dengan kehendak isteri sebagaimana kata pepatah,’panas setahun dihapus oleh hujan sehari’. Seharusnya seorang isteri bersyukur terhadap apa yang diberikan suaminya

2. Durhaka Terhadap Suami
“Wanita mana saja yang meminta cerai pada suaminya tanpa sebab (yang syar’ie) maka haram baginya mencium wangi Syurga.” (Hadis Riwayat Abu Daud dan At-Tirmizi)
Berbicara kasar dan tidak segera memenuhi panggilan suaminya. Atau ia memenuhinya tetapi dengan wajah yang menunjukkan rasa tidak senang atau lambat mendatangi suaminya. Membicarakan perbuatan suami yang tidak ia sukai kepada teman-teman atau keluarganya tanpa sebab yang dibenarkan oleh syara’. Atau ia menuduh suaminya dengan tuduhan-tuduhan yang bermaksud untuk menjatuh dan merosak kehormatannya sehingga suaminya dipandang hina di mata orang lain. Begitu juga apabila seorang isteri meminta talak atau di khulu’ (dicerai) tanpa sebab syar’i. Atau ia mendakwa telah dianiaya atau dizalimi suaminya atau lain-lainnya.
Apabila seorang isteri tidak mau melayani keperluan batiniyah suaminya atau bermuka masam ketika melayaninya atau menghindari suami ketika hendak disentuh dan dicium atau menutup pintu ketika suami hendak mendatanginya. Apabila seorang isteri keluar rumah tanpa izin suaminya walaupun hanya untuk mengunjungi kedua orang tuanya. Tindakan ini sebenarnya adalah seakan-akan seorang isteri lari dari rumah suaminya tanpa sebab syar’ie. Demikian pula jika istri enggan untuk bersafar (melakukan perjalanan) bersama suaminya, mengkhianati suami dan hartanya, membuka dan menampakkan apa yang seharusnya ditutupi dari anggota tubuhnya (aurat), menerima tetamu tanpa izin suaminya, berjalan di tempat umum dan pasar-pasar tanpa mahram, bersenda gurau atau berbicara lemah-lembut penuh mesra kepada lelaki yang bukan mahramnya dan yang lain-lain.

3. Tabarruj
“Wanita-wanita yang dimaksudkan Rasulullah SAW adalah yang memakai pakaian yang tipis yang menampakkan tubuhnya atapun yang menunjukkan bentuk tubuhnya dan tidak menutupinya, maka mereka adalah wanita-wanita yang berpakaian pada zahirnya dan telanjang pada hakikatnya … .” Sabda Rasulullah SAW.
"Dan janganlah mereka menampakkan perhiasan-perhiasan mereka.” (Surah An Nur ayat 310)
Tabarruj ialah seorang wanita yang menampakkan perhiasannya dan keindahan tubuhnya serta apa-apa yang wajib ditutupnya dari pandangan lelaki bukan mahramnya.

Rasulullah SAW melihat Syurga dan Neraka

Ternyata wanita lebih mudah masuk surga. Tetapi kenapa banyak juga diantara yang menjadi penghuni neraka?

"Aku melihat ke dalam Syurga maka aku melihat kebanyakan penghuninya adalah fuqara’ (orang-orang fakir) dan aku melihat ke dalam Neraka maka aku menyaksikan kebanyakan penghuninya adalah wanita." (Hadis Riwayat Al- Bukhari dan Muslim)
Dalam kisah sholat gerhana matahari, Rasulullah SAW dan para sahabatnya melakukan sholat gerhana dengan solat yang panjang, Rasulullah SAW melihat Syurga dan Neraka. Ketika baginda melihat Neraka beginda bersabda kepada para sahabatnya:
" … Dan aku melihat Neraka maka tidak pernah aku melihat pemandangan seperti ini sama sekali, aku melihat kebanyakan penghuninya adalah kaum wanita."
Para sahabat pun bertanya : "Mengapa (demikian) wahai Rasulullah?"
Baginda SAW menjawab : "Karana kekufuran mereka."
Kemudian ditanya lagi : "Apakah mereka kufur kepada Allah?"
Baginda menjawab: "Mereka kufur terhadap suami-suami mereka, kufur terhadap kebaikan-kebaikannya. Kalaulah engkau berbuat baik kepada salah seorang di antara mereka selama waktu yang panjang kemudian dia melihat sesuatu pada dirimu (yang tidak dia sukai) nescaya dia akan berkata : ‘Aku tidak pernah melihat sedikitpun kebaikan pada dirimu.’ " (Hadis Riwayat Imam Al-Bukhari)
Dalam hadis yang lain, Rasulullah s.a.w menjelaskan tentang wanita penghuni Neraka, baginda bersabda :
"“ … Dan wanita-wanita yang berpakaian tetapi hakikatnya mereka telanjang, melenggak-lenggokkan kepala mereka kerana sombong dan berpaling dari ketaatan kepada Allah dan suaminya, kepala mereka seakan-akan seperti bunggul unta. Mereka tidak masuk Syurga dan tidak mendapatkan wanginya Syurga padahal wanginya boleh didapati dari jarak perjalanan sekian dan sekian." (Hadis Riwayat Muslim dan Ahmad)

Kisah Klasik

Terkadang semua yang terlihat bahagia belum tentu benar bahagia. Begitu pula sebaliknya. Masa lalu adalah proyeksi, dan masa depan adalah tujuan. Kita dapat merangkai masa depan sesuai yang kita harapkan. Tapi kita juga berhak menoleh ke belakang untuk mempelajari cerita di masa lalu yang merupakan sumber pembelajaran. Tentunya harus diambil dari segi positifnya.
Membicarakan tentang masa lalu memang tidak jauh dari sosok seorang mantan. Tetapi akan sangat indah dan membuat kita rindu jika kita mengingat tetang persahabatan. Ya.. Sahabat itu memang segalanya. Terlebih jika dibandingkan dengan mantan.
Bagaimana tidak? Disana tersimpan beragam memori, kenangan, keceriaan, canda tawa, kebahagiaan, kebersamaan, bahkan sampai tetes air mata kesedihan. Saya sangat merindukan mereka. Andai waktu dapat berputar, andai ada mesin waktu atau lorong waktu yang bisa mengantarkan saya ke masa itu. Mungkin saat ini saya akan jalan-jalan ke masa lalu. Sekedar mengobati rasa rindu dan berbagi segalanya bersama sahabat.

Pengertian Web Developer, Web Designer & Web Master

Kebanyakan orang selalu berpedapat bahwa web designer, web developer dan webmaster adalah sama. Apakah benar? Dibawah ini akan kita ulas perbedaan antara ketiganya. Dimana letak perbedaan yang sebenarnya?

Web Developer
Web developer adalah seseorang yang menciptakan aplikasi berbasis web dengan menggunakan bahasa pemrograman. Pada dasarnya, web developer membuat berbagai hal “terjadi” pada sebuah website. Peran web developer adalah sebagai penghubung dari semua sumber daya yang akan digunakan pada sebuah website, mulai dari pemanggilan database, membuat halaman website yang dinamis, hingga mengatur cara pengunjung untuk berinteraksi dengan elemen-elemen dari website tersebut.
Seorang web developer yang handal akan terbiasa dengan bahasa pemrograman, baik itu di sisi server ( server-side scripting ) maupun disisi client ( client-side scripting ). Dan jangan lupa dengan aspek database yang akan digunakan. Berikut adalah bagian aplikasi yang harus dipahami oleh seorang web developer.
•  Client-side: JavaScript
•  Server side: ASP, ASP.NET, Java, Perl, PHP, Python, Ruby, dsb.
•  Databases: MySQL, Oracle, dsb.
Aspek tampilan menjadi sisi yang agak “terpinggirkan” oleh web developer. Pada umumnya setelah scripting dari aplikasi web telah selesai dibuat, web developer akan menyerahkan pekerjaannya kepada web designer untuk menciptakan tampilan yang baik.

Web Designer
Web designer adalah seseorang yang bekerja dengan unsur-unsur visual pada suatu halaman web. Dia adalah orang yang membuat wajah halaman web tampak begitu “cantik”. Para web design mengintegrasikan komponen seperti gambar, file flash, atau multimedia ke dalam halaman web untuk menambah pengalaman visual user, atau untuk melengkapi content page.
Pemahaman tentang Client-side scripting, HTML, CSS, cara memanipulasi image dan animasi merupakan beberapa hal yang dikuasai oleh web designer.
Berikut adalah bagian hal yang harus dipahami oleh seorang web designer:
• Client-side scripting: JavaScript
• Server-Side scripting: PHP, ASP, dsb.
• Cascading Style Sheets
• HTML
• Manipulasi image : Adobe Photosop, GIMP, Corel Draw, dsb.
• Animasi, biasanya berupa flash.
Web designer biasanya bekerja dalam tim untuk memastikan sebuah tampilan website dapat membuat aplikasi web bekerja dengan baik. Keterampilan tambahan berupa komunikasi, tentu akan menjadi sangat berguna bagi para web designer.
Sisi lain yang juga harus dipahami oleh web designer adalah usability / kegunaaan, standar W3C untuk HTML dan CSS dan kompabilitas tampilan pada browser yang berbeda.

Webmaster
Webmaster merupakan gabungan dari keduanya, bahkan webmaster juga bertugas untuk memelihara aplikasi web yang digunakan. Sebagai catatan tambahan, webmaster mungkin juga bertanggung jawab untuk optimisasi mesin pencari ( SEO ), mengisi content pada website, hingga ‘memasarkan’ website tersebut.
Dalam kelompok kerja yang lebih besar, webmaster akan lebih banyak menjadi manager dari sebuah web-based project, mengatur pekerjaan web developer dan web designer, hingga melakukan pengujian terhadap usability dari aplikasi web yang dibuat.
Bagi seorang web developer, kemampuan logis sangat dibutuhkan untuk mengatur alur aplikasi web yang dibuat. Sedangkan web designer membutuhkan kemampuan artistik dan kreatifitas. Dan bagi seorang webmaster, tentu akan membutuhkan kemampuan logis, artistik serta pengalaman yang memadai dibidangnya.

Cara Populerkan Website Anda

Apakah web anda sudah terdaftar di google atau search engine lainnya? Ada di posisi berapa atau di halaman berapa web anda ketika dicari dengan kata kunci yang anda bidik? atau pertanyaan lebih dalam lagi, “saya cari nama domain saya di google, tapi koq tidak muncul?” Ya, pertanyaan-pertanyaan sperti itu kerap sekali muncul di benak anda. Sesungguhnya pertanyaan diatas tidak bisa dijawab secara pasti, karena search engine memiliki algoritma tersembunyi dan tidak diketahui oleh siapapun. Namun ada beberapa langkah yang bisa kita gunakan supaya web kita bisa mudah dicari di search engine. Mari kita bahas bersama satu-persatu.

Hal pertama yang perlu kita lakukan adalah menghindari duplicate content. Search engine sangat tidak menyukai artikel atau isi website kita yang memiliki sama dengan website lain. Jangan pernah mengcopy-paste artikel atau isi dari website lain, karena search engine akan mengetahuinya. Kemudian yang juga berhubungan dengan isi website kita adalah buatlah konten website kita semenarik mungkin dan mudah terbaca, khususnya di paragraf pertama. Variasikan tulisan di website kita dengan tulisan bold, miring, atau coret untuk menandakan bahwa kata tersebut adalah penting. Kemudian untuk judul atau subjudul gunakan heading html seperti h1, h2 dsb.

Submit website kita ke search engine. Memang langkah ini terbilang jadul, dan bahkan beberapa ahli mengatakan kalau cara ini tidak efektif. Tapi tentu apa salahnya kita coba, toh fasilitas tersebut juga disediakan oleh search engine. Untuk lebih memaksimalkan adalah buatlah sitemap di google, msn atau yahoo yang menerangkan secara singkat isi atau alur website kita. Cara membuat sitemap di google, bisa ikuti panduan berikut.

Langkah terakhir yang terbilang cukup penting adalah membangun link masuk ke website anda. Singkatnya adalah buatlah website anda menjadi referensi bagi website-website lainnya sehingga memberikan link atau chanel ke website anda. Semakin banyak link yang mengarah ke website anda, semakin bagus bagi website anda. So, semoga dengan artikel ini bisa memberikan pencerahan bagi para pemilik website yang belum terindex search engine.

Anak SMA Cinta cintaan

Ini copas dari blog pribadi saya yang udah lapuk banget karena username sama passwordnya lupa. Dan ditulisnya bulan februari tahun 2009. Masih duduk di bangku SMA. Anak SMA kok nulisnya beginian ya?


Is it Love?

Mereka yang tidak menyukainya menyebutnya tanggung jawab.
Mereka yang bermain dengannya, menyebutnya sebuah permainan.
Mereka yang tidak memilikinya, menyebutnya sebuah impian.
Mereka yang mencintai, menyebutnya takdir.
Tentu Allah SWT yang mengetahui mana yang terbaik,  dan akan memberi rintangan untuk menguji kita. Kadang memang melukai hati, supaya hikmat-Nya bisa tertanam dalam.
Jika kita kehilangan cinta, maka pasti ada alasan di baliknya.
Alasan yang kadang sulit untuk dimengerti, namun kita tetap harus percaya bahwa ketika Ia mengambil sesuatu, Ia telah siap memberi YANG LEBIH BAIK.


Kemudian, mengapa menunggu?

Karena walaupun kita ingin mengambil keputusan, kita tidak ingin tergesa-gesa.
Karena walaupun kita ingin cepat-cepat, kita tidak ingin sembrono.
Karena walaupun kita ingin segera menemukan orang yang kita cintai, kita tidak ingin kehilangan jati diri kita dalam proses pencarian itu.
Jika ingin berlari, belajarlah berjalan duhulu.
Jika ingin berenang, belajarlah mengapung dahulu.
Jika ingin dicintai, belajarlah mencintai dahulu.
Pada akhirnya, lebih baik menunggu orang yang kita inginkan, ketimbang memilih apa yang ada.
Tetap lebih baik menunggu orang yang kita cintai, ketimbang memuaskan diri dengan apa yang ada.
Tetap lebih baik menunggu orang yang tepat, karena hidup ini terlampau singkat untuk dilewatkan bersama pilihan yang salah, karena menunggu mempunyai tujuan yang mulia dan misterius.
Perlu kau ketahui bahwa Bunga tidak mekar dalam waktu semalam.
Kota Roma tidak dibangun dalam sehari.
Kehidupan dirajut dalam rahim selama sembilan bulan.
Cinta yang agung terus bertumbuh selama kehidupan.
Kebanyakan hal yang indah dalam hidup memerlukan waktu yang lama. Dan penantian kita tidaklah sia-sia.
Walaupun menunggu membutuhkan banyak hal – iman, keberanian, dan pengharapan – penantian menjanjikan satu hal yang tidak dapat seorangpun bayangkan.
Pada akhirnya. Tuhan dalam segala kuasa-Nya, meminta kita menunggu, karena memang jodoh kita berada di tangan-Nya. Semua sudah digariskan oleh-Nya.  Dan jodoh kita adalah takdir kita. Tentu berharap yang terbaik untuk kita. Semoga jodoh kita selalu dilindugi Allah SWT, semoga jodoh kita selalu berada di jalan yang benar dan selalu di ridhoi Allah SWT.