Blog Request tutorial? klik disini!

  • 8 Resources Untuk Menguji Desain Web Responsif

    Ditulis oleh: Faizal Rafik
    819 kali dibaca
    21 Jun / 2014 22:56

    Pada artikel kali ini saya akan membahas tentang 8 Resources untuk menguji Desain Web Responsif. Dalam membuat sebuat website yang Responsif pengujian adalah hal yang sangat perlu kita lakukan, dengan dilakukannya pengujian kita jadi tau apakah desain Web Responsif kita dapat berjalan di semua tampilan layar apa tidak. Nah dibawah ini ada beberapa Resources yang berfungsi untuk menguji apakah desain web responsive kita berhasil 100% apa tidak. Baiklah langsung saja kita masuk ke Resources yang pertama.

    Respondr

    Respondr adalah Resources yang cukup sederahan, kalian cukup memasukkan URL situs yang ingin kalian uji dan kemudian kalian pilih perangkat mana yang akan di coba seperti Iphone, Ipad, dan Dekstop.

    Viewport Resizer

    Viewport Resizer bekerja sebagai bookmarklet. Kalian dapat mengklik tombol Click Or Bookmark kemudian kaliam masukkan URL dari situs / halaman website yang ingin kalian uji, dan Kalian akan memiliki beberapa ukuran layar yang berbeda yang dapat kalian gunakan untuk pengujian, seperti dua smartphone, tablet kecil, tablet biasa, layar lebar, dan HDTV.

    jResize Plugin

    jResize adalah plugin jQuery untuk satu jendela dalam membangun desain web yang Responsif. Kalian dapat mengklik pada layar lebar yang berbeda dan halaman tersebut akan menyesuaikannya.

    Screenqueri.es

    Dengan Screenqueri.es kalian bisa memesukkan URL dan kemudian kalian dapat menarik slider untuk menyesuaikan lebar layar tampilannya. Kalian juga dapat memilih beberapa pilihan pengujian yang telah ditetapkan, termasuk 14 Smartphone dan 12 Tablet.

    Responsivepx

    Sama halnya dengan Resources yang lainnya dengan Responsivepx kalian diminta untuk memasukkan URL nya, kemudian kalian gunakan tombol slider untuk mengatur lebar dan tingginya, dan Kalian dapat memilih layar apapun ukuranya yang kalian inginkan, hingga 3000 pixel lebarnya. Dan kalian juga dapat berbagi dengan orang lain melalui email.

    ResizeMyBrowser

    Dengan ResizeMyBrowser memungkinkan kalian untuk memilih dimensi browser untuk menguji. Kalian dapat memilih antara 15 persent atau kalian dapat memasukkan ukuran layar costum kalian sendiri.

    Adobe Edge Inspect

    Adobe Edge Inspect merupakan produkAdobe yang merupakan bagian dari Creative Cloud. Hal ini memungkinkan kalianuntuk mengujisitus kaliandi berbagai perangkat.

    Responsive Design Bookmarklet

    Responsive Design Bookmarklet adalahalat sederhana lainnya. Hanya dengan menarik atau dragbookmarklet di atas bookmark kalian, maka akanditerapkan pada browser. Kalian jugadapatmemilih untuk melihat halaman ini di layar lebar ukuran tablet dan smartphone.






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155