Memilih paduan warna untuk web dengan cara gampang

Untuk saya yang ngga terlalu bagus memilih paduan warna untuk web biar tampil eye catching dan menarik itu gampang gampang susah, namun sekarang banyak sekali tools yang menyediakan cara gampang untuk memilih milih paduan warna dengan satu warna dasar kemudian dipadu padankan dengan tools yang satu ini.

Sebenarnya banyak sekali tools yang bisa digunakan namun menurut pengalaman saya kedua tools ini sudah sangat cukup dengan kelebihan dan kekurangannya masing masing. Tools tersebut adalah :

1. Paletton Tools yang satu ini pasti sudah banyak digunakan oleh para designer web, dengan gui yang simple dan sangat atraktif kita bisa memilih dengan beberapa opsi pilihan warna
2. Adobe Color Siapa yang tak kenal Adobe, adobe adalah merk ternama yang menciptakan software design grafis dan ternyata adobe juga membuat tools yang tidak kalah hebatnya dengan paletton, tapi ada satu kelebihan dari adobe color yaitu kita bisa mengupload gambar dan secara otomatis software tersebut akan memilihkan warna warna apa saja yang dominan dan cocok untuk dipadu padankan dengan gambar yang sudah kita upload

Adobe colour

Paletton

Demikian tips dari saya, sebenarnya tools ini bukan hanya cocok untuk design web, tapi juga cocok untuk semua para designer yang ingin mencari referensi warna warna apa saja yang cocok untuk dipadu padankan, selamat mencoba

Semoga bermanfaat dan Happy Coding

Advertisement

Simple confirmation script before delete in php

Nambah catatan lagi semoga bermanfaat buat yang lain, sebenarnya script ini sudah lama tau, script simple yang digunakan apabila kita membutuhkan konfirmasi sebelum melakukan aksi, biasanya script ini saya gunakan sebelum mendelete, contoh seperti gambar dibawah ini

cekidot this code

Function javascript

function confirmDelete()
{
   return confirm("Apakah anda yakin akan mengahpus data ini? ");
}


di linknya  ditambahkan  ini

 onclick='return confirmDelete()'

Jadinya dibawah ini kalau digunakan di link
<a href="" class="btn btn-danger btn-flat" onclick='return confirmDelete()'><i class="fa  fa-remove"></i></a>
 

Sudah gitu aja simple kan?, selamat mencoba

Mengatasi validasi required html5 di safari

Pagi ini baru ngeh karena biasanya untuk form karena males buat form validasi biasanya cuman nambahin required di tag html5 untuk memeriksa input kosong, eh pagi ini pas ngetes di safari browser bawaan mac ternyata tag required ngga jalan di safari kalau ngga percaya silahkan dicoba pasti bablas he3.

Setelah browsing browsing ternyata benar required html5 ngga jalan di safari, tapi jangan sedih  saya sudah nemuin caranya yaitu nambahin plugin polyfiller.js dan nambahin sedikit javascript maka validasinya bisa jalan kembali

Caranya seperti ini cekidot this code …

Tambahkan link ini 

https://cdnjs.cloudflare.com/ajax/libs/webshim/1.16.0/dev/polyfiller.js 
Lalu buat script seperti ini 

  
        webshim.activeLang('en');
        webshims.polyfill('forms');
        webshims.cfg.no$Switch = true;
    

Lalu di htmlnya jangan lupa tambahin required

     <input type="text" class="form-control" name="title" placeholder="Judul Artikel" required>

Dah gitu aja gampangkan silahkan coba buka lagi form webnya di safari pasti ngga akan mau disubmit apabila kosong form inputnya :D.

Silahkan dicoba, apabila kamu tidak menggunakan safari di webmu tambahan ini tidak diperlukan karena secara native chrome dan firefox sudah support required tag, kalau di internet explorer (masih ada yang pake???) ngga tau dah :D.

Membuat readmore di web

Kali ini akan sharing coding php untuk membuat readmore seperti diwordpress dan lebih canggihnya otomatis apabila sudah sampai karakter sekian dia akan otomatis membuatkan readmorenya, ini bermanfaat banget  di blog jadi artikelnya tidak terlalu panjang dan lebih rapi

cekidot this code …

$string = $artikel;
if (strlen($string) > 2000) 
{
// truncate string
$stringCut = substr($string, 0, 2000);
$string = substr($stringCut, 0, strrpos($stringCut, ' ')).'... <a href="/this/story">Read More</a>';
}
echo $string;

Script ini tidak saya buat sendiri tapi nemu he3 , script ini gampang sekali diaplikasikan tinggal menyesuaikan link untuk readmorenya saja, dengan sedikit modifikasi bisa ditambahkan bootstrap style jadinya seperti gambar diatas

DRY di codeigniter

Kali ini saya akan sharing tentang DRY (Dont Repeat Yourself) di codeigniter, postingan ini menyambung postingan sebelumnya mengenai kegaringan di codingan saya yang selalu mengulang ulang coding di setiap function saya, kira kira seperti ini lah controller dan view saya.

class Test extends CI_Controller { 
function data_login(){
$data['nama'] = 'Eko';
$data['email'] = 'email@email.com';
return $data;
}

function index()
{

$datas = $this->data_login();
$this->load->view('test', $datas);

}

function form()
{

$datas = $this->data_login();
$this->load->view('test', $datas);

}

}

Komunikasi raspberry pi dan arduino via bluetooth

Dah lama ngga nulis update project dulu ah 🙂 Walhasil setelah kemaren ngutek2 arduino + hc-06 (bluetooth module) dengan raspberry pi + bluetooth dongle sukses juga, alhamdulillah jadi belajar banyak, ternyata banyak yang ngga buat tutorialnya di internet dan semoga tuts ini bisa bermanfaat untuk rekan rekan sekalian.

Gambar Raspberry pi + Usb dongle koneksi dengan Arduino Mega 2560+HC-06 bluetooth modul

1. Menghubungkan arduino dengan HC-06

ApplePi-Baker

Tools yang satu ini memang patut diacungi jempol, sangat sangat bermanfaat untuk backup dan menginstall image raspberry pi di apple caranya mudah dan sangat cepat, bagi rekan rekan yang bermain raspberry pi di mac mungkin bisa menggunakan tools ini sebagai primary weaponnya untuk backup, install dan restore image di apple

Semoga manfaat

Setting KexTech USB Wifi sebagai Access Point di Raspberry pi

Sudah lama sekali saya beli wifi usb ini tapi belum pernah mencoba menjadikannya sebagai access point kemaren saya belinya disini, sekalinya mencoba wadeuw he3 setelah browsing 2 hari dan utek2, Pfiuh akhirnya ketemu juga caranya, kalau ada yang pake  KexTech USB Wireless Adapter 150Mbps (RTL8188EU) – WUL150 di Raspberry Pi untuk menjadi Access Point semoga tutorial dibawah ini bermanfaat, saya sudah coba dan alhamdulillah nongol juga wifinya

http://www.instructables.com/id/Raspberry-Pi-as-a-3g-Huawei-E303-wireless-Edima/?ALLSTEPS

http://jenssegers.be/blog/43/Realtek-RTL8188-based-access-point-on-Raspberry-Pi

Plus ini kalau wlan0 nya ngga mau jalan klo reboot

http://www.suntimebox.com/raspberry-pi-tutorial-course/week-3/day-5/

Monggo dilanjut puyengnya wk wk wk

 

Akses Localhost komputer di Android Emulator

Belajar lagi, semakin banyak ngutek ngutek semakin banyak nambah ilmu, kali ini sekedar sharing sekaligus pengingat apabila ingin membuat webapp android dan menjalankan emulator yang datanya diambil dari localhost cukup rubah ip seperti tertera di bawah ini, data ini diambil dari developer android disini

Ubah Load url menjadi 10.0.2.2 untuk mengakses localhost

Setelah dirubah akhirnya jalan juga emulatornya mengakses localhost, lanjut coding lagi

Generate md5 at linux terminal

Find this tricks at internet maybe usefull for you

if u want generate password as md5 code try this in terminal

your text | md5sum

That’s it easy right?

in my case see picture below

 

Hope you enjoy it