Thursday, 9 July 2015

Kenapa memilih desain responsif?

Sebuah desain web responsif akan menangani aliran konten halaman kita sebagai perubahan viewport tapi mari kita melangkah lebih jauh. HTML5 menawarkan kita lebih dari HTML4. CSS3 Media Query merupakan unsur penting untuk desain web responsif tapi modul tambahan CSS3 sebelumnya tidak mencerminkan dari fleksibilitas. Nanti kita akan mengabaikan menggunakan latar belakang dan JavaScript yang rumit, karena dapat kita ganti dengan gradients, shadows, typography, animations and transformations yang ramping dari CSS3.

Sebelum kita membuat website yang didukung oleh HTML5 dan CSS3. Mari kita melihat beberapa contoh yang menginspirasi seperti apa yang kita inginkan. Dari contoh seseorang yang sudah mengerjakan semua dengan baik menggunakan HTML5 dan CSS3, dan apa yang dapat kita pelajari dari usaha mereka?

Contoh Desain Web Responsive
Untuk menguji desain website Anda sendiri atau website yang lainnya akan melibatkan sistem yang terpisah untuk setiap perangkat dan ukuran layar. Meskipun tidak ada tindakan yang lebih baik, kebanyakan pengujian dapat dicapai hanya dengan mengubah ukuran jendela browser. Untuk lebih membantu metode ini, ada berbagai plugin pihak ketiga dan ekstensi browser yang menampilkan jendela browser saat ini atau ukuran viewport dalam pixel. Atau dalam beberapa kasus, secara otomatis beralih jendela atau viewport untuk ukuran layar standar (1024 x 768 pixels, misalnya). Hal ini memungkinkan Anda untuk lebih mudah menguji apa yang terjadi pada perubahan layar viewport.

Terikat pada piksel? Dapatkan lebih dari itu!
 Jangan selalu mengandalkan piksel sebagai satuan ukuran karena kita akan meninggalkan mereka dalam banyak hal dan sebaliknya pindah ke unit pengukuran relatif (biasanya, "em" atau "ems" dan persentase). Setelah kita masuk ke dalam desain web responsif yang tepat. Untuk meninjau karya desain responsif lain dan dimana desain mereka berubah, mereka menyediakan acuan point yang berguna.

No comments:

Post a Comment