return false onclick with a function

berikut cara memberikan return false pada sebuah submit button atau link, return false berguna untuk mencegah halaman dari bernavigasi atau membuka link lainnya


<a href='#' onclick='fungsitertentu(inputnya); return false;'>Click here !</a>

contoh lainnya

<a href="http://www.google.co.uk/" onclick="return (confirm('Follow this link?'))">Google</a>

dengan klik  "Okay"  mengembalikan returns true, dan link akan terbuka jika klik.  "Cancel" mengembalikan returns false.

referensi :

Ditulis dalam website. Tag: . 1 Comment »

disable webserver signature apache

untuk menyembunyikan informasi tentang webserver apache kita agar aman dari para peretas maka caranya adalah mendisable digital signature pada webserver berikut caranya:

cari file ini pada debian / ubuntu / linux mint

/etc/apache2/apache2.conf

pada CentOS, Fedora, RHEL or Arch Linux:

/etc/httpd/conf/httpd.conf

kemudian ganti pada


ServerSignature Off

ServerTokens Prod

kemudian restart servernya


service apache2 restart (Debian, Ubuntu / Linux Mint)
service httpd restart (CentOS/RHEL 6)
systemctl restart httpd.service (Fedora, CentOS/RHEL 7, Arch Linux)

contoh digital signature yang kita hidden

web-server-signature-2
contoh web server dengan digital signature yang terbuka

web-server-signature-1

jangan lupa untuk ubuntu dan turunannya tambahkan sudo  didepannya

semoga berguna 🙂

referensi :

tools tester all browser online

berikut alamat tester untuk website kita, dimana pada tools tersebut kita dapat tester browser kita dengan berbagai versi dan berbagai macam browser

cekidot

semoga berguna 🙂

perbedaan input width vs size html

berikut perbedaan input html width dengan size

dengan mengunakan width maka lebih konsisten untuk ukurannya, jika menggunakan type font yang berbeda maka dengan atribut size ukurannya menjadi tidak konsisten

 


atribut width digunakan didalam css sedangkan size langsung
<input type='text' name='pin' style='width:20px'>
contoh tidak konsistenya ukuran 
 @font-face {
font-family: 'Diplomata';
font-style: normal;
font-weight: 400;
src: local('Diplomata'), local('Diplomata-Regular'), url(http://fonts.gstatic.com/s/diplomata/v6/8UgOK_RUxkBbV-q561I6kFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
p {
margin: 0 0 10px 0;
}
input {
font-size: 20px;
}
.narrow-font {
font-family: 'Open Sans Condensed', sans-serif;
}
.wide-font {
font-family: 'Diplomata', cursive;
}
.set-width {
width: 220px;
}

<input type="text" size="10" class="narrow-font" value="0123456789" />


<input type="text" size="10" class="wide-font" value="0123456789" />


<input type="text" size="10" class="narrow-font set-width" value="0123456789" />


<input type="text" size="10" class="wide-font set-width" value="0123456789" />

” CSS controls the layout/style of the page. Use CSS when you are controlling your layout.”

width vs size

referensi :

Ditulis dalam web, website. Leave a Comment »

Menginstal composer pada mac

berikut langkah menginstal composer pada mac book

  1. Download composernya dengan cara
     curl -sS https://getcomposer.org/installer | php 

    ssh1

  2. Masuk mode root untuk memindah komposer
      sudo su 
  3. Pindahkan komposer
      mv composer.phar /usr/local/bin/composer 

    Screen Shot 2016-01-26 at 22.10.45

  4. Tes composer dengan
     composer 

    Screen Shot 2016-01-26 at 22.09.42

semoga berguna 🙂

Cek gd library pada server kita

untuk cek GD library pada server cpanel kita maka anda dapatmelihatnya pada phpinfo caranya bikin file php dengan kode ini 

<?php
phpinfo();
?>

lalu akses halaman tersebut pada browser ,kemudian cari tulisan gd
berikut tampilannya
gd support php
semoga berguna 🙂

Ditulis dalam website. Leave a Comment »

Apa itu bootstrap

bootstrap

apa itu bootstrap ??

bootstrap adalah front-end framework jadi sebuah framework yang berguna untuk mengatur tampilan  GUI / Graphical User Interface website kita, framewrk ini digunakan untuk membangun desain web secara responsif. gampangnya dengan mengunakan bootstrap maka tampilan website  secara otomatis akan menyesuaikan ukuran layar dari browser (tampilan web akan menyesuaikan ketika dibuka pada laptop , handphone, atau device yang lain )

ukuran librarynya sekitar 158 kB belum ditambah font dan image bawaan:

  • bootstrap.min.css ukuran 121 kB
  • bootstrap.min.js ukuran 36,9 kB
  • dan masih harus menggunakan library jquery

framework ini dibuat pada agustus 2011 oleh developer dari TWITTER  dengan lisensi MIT. Bootstrap diciptakan di Twitter pada pertengahan 2010 oleh Mark Otto (@mdo) dan Jacob (@fat). Sebelum menjadi kerangka kerja open-source, Bootstrap dikenal sebagai Twitter Blueprint. web resminya di getbootstrap.com dan Githubnya di https://github.com/twbs/bootstrap.

contoh penyesuaian tampilan ui (user interface) website menggunakan bootstrap

ipad :

tampilan_ipad

device :

Screenshot from 2016-01-06 17-27-02

berikut kelebihan menggunakan boostrap

  • Dapat dibuat responsif (tampilan menyesuaikan ukuran browser)
  • Mudah dan cepat dalam membuat GUI website kita
  • Banyak template gratis
  • Template web kita lebih rapi dan terstruktur

kekurangan menggunakan boostrap

  • Browser harus enable javascript (hampir semua browser defaultnya enable javascript)
  • Minim gambar karena memanfaatkan CSS3
  • ada banyak css yang tidak

referensi: