resizer tool buatan google untuk check template responsif.
 |
| resizer web design and web developers |
salam blogger, kali ini saya akan review tentang tools resizer google web design, resizer ini mirip dengan preview, ketika kita biasa download template, nah bagaimana jika template itu tidak ada preview dan kita menguji di blog dummy, maka resizer ini bisa jadi pilihan.
tools ini di khususkan untuk web developers dan web desainer kita juga bisa cek blog template responsif atau tidak, jadi kamu tidak usah cek dengan repot melalui device yang berbeda, baik itu desktop pc, tablet dan mobile device. tentunya menghemat waktu kamu dan kuota internet pastinya. mungkin saja ada fungsi lain dari resizer tools buatan google ini.
resizer google web design developers dibangun dengan tujuan untuk perkembangan developers dan designer, dengan kemajuan teknologi maka UI yang modern dan sesuai perkembangan perlu di perhatikan, dan bisa jadi mempengaruhi peningkatan pelanggan karena interface yang nyaman dan enak di pandang.
resizer menawarkan Material Desain dengan bimbingan sekitar breakpoints, grid responsif, perilaku permukaan, dan pola user interface (UI). dengan Resizer, kamu memiliki cara yang dinamis untuk dibimbing dan membantu memacu komunikasi yang berarti antara desainer, pengembang, dan pemangku kepentingan tentang UI responsif.
lihat Material Design guidance
 |
| dengan resizer kamu dapat mengganti url dan melihat demo tampilan website kamu di berbagai device |
Ada begitu banyak pola potensial ( potential patterns ) yang responsif ketika ukuran layar berubah, posisi komponen-menampilkan posisi tertentu, mengubah, membagi, reflowing, memperluas, dll Resizer membantu desainer dan pengembang memvisualisasikan pola yang akan bekerja lebih baik untuk mereka (web developers-designer). Untuk menampilkan beberapa pola-pola ini, tim resizer merancang beberapa demo yang dapat kamu temukan dalam menu Resizer.
ada beberapa demo yang dapat kamu coba simak di bawah ini.
pesto Demo
Pesto adalah aplikasi resep menunjukkan beberapa pola responsif. Menggunakan daftar grid yang reflows berdasarkan ukuran layar. Logo di bar aplikasi sebagai transformator berdasarkan ketinggian toolbar. dan perubahan posisi berdasarkan kamu melihat aplikasi pada desktop atau mobile, dan kira-kira apa yang akan kamu lakukan di sana? Fitur lain dari Resizer adalah bahwa kamu dapat melihat tampilan situs tertentu dengan fitur demo custom tersebut (url). demo Pesto.
shrine demo
Shrine menekankan pentingnya pola navigasi yang benar-benar berubah dibandingkan dengan hanya skala komponen berdasarkan ukuran layar atau perangkat. Shrine menggunakan berbagai jenis daftar jaringan responsif untuk menciptakan pengalaman yang mulus. Tab menunjukkan bagaimana salah satu komponen dapat berubah menjadi lain. Menggunakan Resizer, coba perhatikan tampilan yang berubah dari jendela yang besar hingga jendela yang kecil, dan tablet ke ponsel. demo Shrine.
dengan resizer kamu dapet memperhatikan detail kecil tersebut. dan meningkatkan pengalaman dengan tampilan yang nyaman dan minimalis. dengan resizer ini dapat mempermudah blogger untuk mengecek UI. biasanya blogger senang menambah fitur dan menggantinya dengan yang lain.
tampilan default demo yang di uji adalah milik google sebagai pembelajaran dan jika ingin menguji tampilan blog kalian bisa cek di resizer
submit url kalian dan tunggu loading maka tampilan blog kalian akan tampil.
jangan lupa komentar dan share jika artikel ini bermanfaat.
credit img : resizer
source : DG
COMMENTS