Fluid layout itu dimana website menyesuaikan lebar browser sesuai persentase yang ditetapkan. Jadi lebar bagian2 dari website akan menyesuaikan lebarnya dengan lebar browser tanpa mengubah apapun darinya.
Sementara itu, desain responsif itu dapat mengubah bentuknya dan posisi2 bagian2 dari website sesuai lebar dan jenis browser. Responsif lebih ke bagian programming yang biasanya memakai CSS3 dan media query untuk mentargetkan jenis browser dan posisi penempatan elemen untuk lebar2 tertentu.
Contoh responsif layout adalah website Eyerys ini sendiri. Mungkin member yang lain yang lebih ngerti atau staff bisa membantu. Maklum saya juga masih belajar :)
Responsive website dibuat pada grid yang fluid dan memakai media query untuk mentarget ukuran layar tertentu agar dapat mengubah tampilan konten dan desainnya.
Sementara itu, Fluid website memakai lebar (width) yang relatif, tanpa memakai media query. Ini akan memberikannya kemampuan untuk mengubah ukuran lebarnya dan menyesuaikan isi konten sesuai lebar layar.
Fixed website memakai lebar tetap sehingga lebar kolom dan desain tidak akan berubah di ukuran layar berapa pun. Dan desain tetap sesuai piksel yang telah ditetapkan. Adaptive website bisa memakai grid yang fluid dan bisa memakai yang fixed. Jika memakai fixed grid, Adaptive website membutuhkan query untuk mentarget ukuran layar tertentu.
Perbedaan antara semuanya bisa dilihat dari ada/tidaknya CSS. Dan jika menggunakan CSS seperti pada website modern pada umumnya, perbedaan di coding terlihat.
Perbedaan yang terlihat nyata antara Fluid dan Responsive adalah Fluid mempunyai desain yang dapat berubah ukuran lebarnya relatif terhadap lebar layar. Sementara itu, Responsive website, akan terlihat beda pada ukuran layar yang berbeda.
Fluid layout itu dimana website menyesuaikan lebar browser sesuai persentase yang ditetapkan. Jadi lebar bagian2 dari website akan menyesuaikan lebarnya dengan lebar browser tanpa mengubah apapun darinya.
Sementara itu, desain responsif itu dapat mengubah bentuknya dan posisi2 bagian2 dari website sesuai lebar dan jenis browser. Responsif lebih ke bagian programming yang biasanya memakai CSS3 dan media query untuk mentargetkan jenis browser dan posisi penempatan elemen untuk lebar2 tertentu.
Contoh responsif layout adalah website Eyerys ini sendiri. Mungkin member yang lain yang lebih ngerti atau staff bisa membantu. Maklum saya juga masih belajar :)
Secara umum, jenis desain website dibagi 4:
Fixed, Fluid, Adaptive dan yang terakhir Responsive.
Junaidi
Topik lama. Belum ada yang jawab :/
Iya benar. Klo gak salah ada 4 seperti kata pak Junaidi.
Fixed: ukuran tetap
Fluid: menyesuaikan ukuran dengan lebar relatif
Adaptive: ?
Responsive: Seperti fluid namun pakai query
Klo ngeliat kodenya mungkin pake Firebugnya Firefox bisa buat ngintip sedikit. Mungkin ada rekan yang bisa jelasin lebih jelas?
Responsive website dibuat pada grid yang fluid dan memakai media query untuk mentarget ukuran layar tertentu agar dapat mengubah tampilan konten dan desainnya.
Sementara itu, Fluid website memakai lebar (width) yang relatif, tanpa memakai media query. Ini akan memberikannya kemampuan untuk mengubah ukuran lebarnya dan menyesuaikan isi konten sesuai lebar layar.
Fixed website memakai lebar tetap sehingga lebar kolom dan desain tidak akan berubah di ukuran layar berapa pun. Dan desain tetap sesuai piksel yang telah ditetapkan. Adaptive website bisa memakai grid yang fluid dan bisa memakai yang fixed. Jika memakai fixed grid, Adaptive website membutuhkan query untuk mentarget ukuran layar tertentu.
Perbedaan antara semuanya bisa dilihat dari ada/tidaknya CSS. Dan jika menggunakan CSS seperti pada website modern pada umumnya, perbedaan di coding terlihat.
Perbedaan yang terlihat nyata antara Fluid dan Responsive adalah Fluid mempunyai desain yang dapat berubah ukuran lebarnya relatif terhadap lebar layar. Sementara itu, Responsive website, akan terlihat beda pada ukuran layar yang berbeda.
Sering dipakai yang responsive. Adaptive sama fluid jarang kedengeran