Membuat Penyunting Teks Sederhana dengan HTML5 + JavaScript

Fitra Aditya

Sudah lama saya tidak bermain dengan HTML dan JavaScript. Kali ini saya mencoba untuk membuat sebuah penyunting teks berbasis web sederhana. Mungkin anda sudah tidak asing lagi dengan TinyMCE maupun CKEditor. Nah, penyunting teks yang saya tulis ini memiliki sebagian fitur sama seperti penyunting teks yang saya sebutkan di atas, namun sangat sederhana.

Untuk membuat penyunting teks tersebut, saya menggunakan fitur yang pertama kali dihadirkan oleh Microsoft Internet Explorer (terima kasih kepada IE), yaitu designMode. Meskipun awalnya fitur ini hanya bisa diimplementasikan pada IE, namun saat ini semua peramban web juga dapat mengimplementasikannya.

Well, agar tidak semakin berpanjang kali lebar langsung saja tengok kode sumber di bawah ini. Ada dua berkas yang saya tulis, yaitu index.html dan style.css.

Anda bisa mengimplementasikannya pada web server sederhana dengan menggunakan python atau node.js yang bisa anda baca di sini atau di sini.

Agar lebih menarik, anda bisa mengubah tampilannya atau juga…

Lihat pos aslinya 6 kata lagi

[TUTORIAL] Cara membuat gif dengan photoshop CS3

[BlueJ] Menambahkan Swing Designer di BlueJ

Mari Berbagi

BlueJ adalah salah satu IDE Java yang populer digunakan selain Netbeans dan Eclipse. BlueJ mempunyai user interface yang simpel dan mudah digunakan oleh seorang pemula. Bagi anda yang terbiasa menggunakan drag and drop komponen swing, anda juga bisa melakukannya di BlueJ dengan menambahkan Simple GUI Extension. Download Simple GUI Extension disini. Pada tutorial ini saya menggunakan distro linux. Setelah didownload copy GUI_extension.jar di folder /usr/share/bluej/extension.

Untuk menggunakannya buka BlueJ, pilih Tools –> Simple GUI Extension.

Seperti ini tampilan Swing designernya

Selamat mencoba dan semoga bermanfaat 🙂

Untuk pertanyaan, saran dan kritik, silahkan ditulis di kolom komentar

Lihat pos aslinya

[Swing] BeautyEye Look and Feel

Mari Berbagi

Untuk membuat aplikasi Java Swing tampil lebih menarik, anda dapat mencoba look and feel ini. BeautyEye adalah look and feel yang dapat digunakan cross platform. Untuk menggunakannya cukup mudah, tambahkan code berikut ini di method main

Download BeautyEye disini https://code.google.com/p/beautyeye/

Download contoh program

Download :BeautyEye Laf App

Tampilan program tergantung kreasi masing – masing.

Selamat mencoba dan semoga bermanfaat 🙂

Untuk pertanyaan, saran dan kritik, silahkan ditulis di kolom komentar

Lihat pos aslinya

[Swing] Membuat Validasi Input di Java

Mari Berbagi

Banyak pertanyaan tentang memberikan warning ketika ada data yang belum lengkap di form, contohnya textfield yang harus diisi semua atau combobox yang harus dipilih. Nah, kali ini saya memberikan contoh program memberikan validasi pada form. Download contoh programnya disini

Download :Validasi Input Java

Tampilan program

Warning yang muncul ketika passwordfield dan combobox belum diisi

Textfield dan combobox diinput semua

Selamat mencoba dan semoga bermanfaat 🙂

Untuk pertanyaan, saran dan kritik, silahkan ditulis di kolom komentar

Lihat pos aslinya