Monday, October 14, 2013

7 Alat Bantu Gratis Untuk Membuat Website Responsive

Menyambung postingan Segera Kuasai Responsive Layout saya pikir sangat dibutuhkan sekali pengetahuan mengenai website responsive lebih lanjutnya, mengingat banyaknya email yang saya dapatkan untuk membahas masalah ini. Jika kita coding sendiri dari awal sampai akhir, bisa saya jamin akan memakan waktu yang cukup lama untuk membangun sebuah website yang responsive. Istilah responsive web design pertama kali diciptakan oleh Ethan Marcotte, sedangkan untuk pengertiannya sendiri menurut Ed Henderson  yang dinamakan responsive web design adalah penyajian konten dalam cara yang paling mudah diakses untuk setiap pengguna viewport yang berbeda. Penonton website atau pengunjung dibuat mudah dalam membaca informasi karena tampilan website di setiap ukuran layar mobile atau desktop akan berbeda-beda.



Metode responsive web design  tidak hanya cukup melakukan perubahan layout sesuai dengan ukuran browser yang mengaksesnya, akan tetapi melakukan perubahan total secara keseluruhan terhadap pendekatan yang kita pakai saat mendesain sebuah web.  Untuk membantu dalam membangun dan mengembangkan website reponsive  agar lebih cepat dalam pembuatannya, kita membutuhkan alat bantu yang sudah begitu banyaknya tersedia di internet. Saya pribadi hanya mempelajari bootstrap yang dibuat dan dikembangkan oleh team developer dari twitter ,inc. Selain dari bootsrap sendiri ternyata masih banyak framework css yang beredar diluar sana. Berikut ini telah saya kumpulkan 7 alat bantu dalam mengembangkan responsive website 
  1. Adobe Edge Inspect


adobe edge inspect

     2.  Bootstrap 
twitter bootstrap
     
    3.  Zurb Foundation
         
zurb foundation
     
      4.  RWD Calculator
       
rwd calculator


      
    5.  The Responsinator
   
responsinator


    6.  Simple Grid
    
simple grid


  
    7.  Retina Images
   
retina images

Itulah 7 Alat Bantu Gratis Untuk Membuat Website Responsive , semoga dapat membantu teman-teman sekalian. Jika ada pertanyaan silahkan tinggalkan komentar 

2 comments:

  1. makenya gimana mas?
    saya mau coba di web saya haruskahdiam.com

    ReplyDelete
  2. Mantab nie gan ilmunya....ane buat pakek web design nantinya.

    ReplyDelete