10 Tools Desain Web Responsif

Beranda

...

Programmer Forum
10 Tools Desain Web Responsif

mebiso

26-07-2014 04:49

10 Tools Desain Web Responsif

Halo Agan - agan programmer sekalian
Gimana nih puasanya? tetep semangat ngetik kan sekalipun masih puasa?
Nah, Mebiso kali ini pengen bagi bagi info menarik untuk semuanya emoticon-Big Grin

Ada artikel bagus buat yang suka buat desain website nih emoticon-Smilie

Pengujian adalah bagian terpenting dalam proses desain web responsif, tujuan menggunakan tata letak responsif adalah untuk membuat website yang tampil bagus pada semua jenis perangkat, tapi untuk pengujian apakah perlu untuk membeli perangkat tertentu? untungnya tidak perlu. dalam artikel ini kita akan melihat 10 website yang menyediakan untuk pengujian desain web respontif.

1. Viewport Resizer

Quote:

Spoiler for Viewport Resizer:

Viewport Resizer bekerja sebagai bookmarklet. Anda dapat mengklik tombol dan kemudian masukkan URL situs/halaman yang ingin Anda uji. Anda akan memiliki beberapa ukuran layar yang berbeda yang dapat Anda gunakan untuk pengujian, termasuk dua smartphone, tablet kecil, tablet biasa, layar lebar, dan HDTV.

2. Screenfly

Quote:

Spoiler for Screenfly:

Screenflymemungkinkan Anda untuk memasukkan URL untuk menguji, dan kemudian Anda memilih ponsel, tablet, desktop, atau TV. Anda juga dapat memasukkan ukuran layar kustom, memutar layar, dan menghasilkan URL untuk berbagi dengan orang lain untuk pengujian.

3. Dimension Toolkit

Quote:

Spoiler for Dimension Toolkit:

Dimension Toolkitadalah Chrome Extension, Dengan Dimension Toolkit Anda memasukkan URL dan kemudian Anda dapat menarik slider untuk menyesuaikan lebar layar tampilan. Anda juga dapat memilih beberapa pilihan pengujian yang telah ditetapkan, termasuk 11 smartphone populer dan 6 tablet populer.

4. BreakpointTester

Quote:

Spoiler for BreakpointTester:

BreakpointTesterbekerja sebagai bookmarklet. Anda dapat mengklik tombol dan kemudian masukkan URL situs / halaman yang ingin Anda uji. Anda ditampilkan deretan ukuran lebar halaman dari yang paling terkecil 321px sampai yang paling yang lebar 1200px.

5. Responsinator

Quote:

Spoiler for Responsivator:

Dengan ResponsivatorAnda akan memasukkan URL untuk pengujian dan akan melihat halaman website pada 12 macam yang berbeda dari smartphone sampai tablet.

6. Respondr

Quote:

Spoiler for Respondr:

Respondradalah sederhana, tetapi membantu. Anda hanya akan memasukkan URL situs / halaman yang ingin Anda uji, dan kemudian pilih perangkat pilihan Anda. Anda dapat memilih iPhone, iPad, atau komputer desktop.

7. Adobe Edge Inspect

Quote:

Spoiler for Adobe Edge Inspect:

Produk Adobe yang merupakan bagian dari keanggotaan Creative Cloud. Hal ini memungkinkan Anda untuk menguji situs Anda pada berbagai perangkat. Simak disini.

8. ResponsiveTest

Quote:

Spoiler for ResponsivesTest:

[URL="http://responsivetest.net/#u=http://www.zootemplate.com|1024|768|1"]ResponsiveTest[/URL] adalah sederhana, tetapi membantu. Anda hanya akan memasukkan URL situs / halaman yang ingin Anda uji, dan kemudian pilih perangkat pilihan Anda. Anda dapat memilih iPhone, iPad, atau komputer desktop. Anda juga dapat memasukkan ukuran layar kustom.

9. Responsive.is

Quote:

Spoiler for Responsive.is:

Responsive.isadalah sederhana, tetapi membantu. Anda hanya akan memasukkan URL situs / halaman yang ingin Anda uji, dan kemudian pilih perangkat pilihan Anda. Anda dapat memilih iPhone, iPad, atau komputer desktop.

10. jResize Plugin

Quote:

Spoiler for Jresize Plugin:

jResizeadalah plugin jQuery untuk membuat halaman testing yang responsif. Anda dapat mengklik pada lebar layar yang berbeda dan halaman akan menyesuaikan sesuai, sehingga mudah untuk menguji sebagai pekerjaan Anda.