Website Responsive dan Website Fluid

6 posts / 0 new
Last post
Andri
Andri's picture
Offline
Last seen: 6 years 3 days ago
Joined: 18 Apr 2013 - 10:36
Points: 169
Website Responsive dan Website Fluid

Sesuai subjek. Perbedaannya apa ya? Dan apa yang membedakannya klo kita melihat kodenya?

Saya tanya ini di thread yang lain. Mungkin lebih baik bikin thread sendiri.

Trims,

0
No votes yet
Rudiansyah
Rudiansyah's picture
Offline
Last seen: 4 years 8 months ago
Joined: 2 Mar 2013 - 11:54
Points: 417
Responsif VS Fluid

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 :)

0
No votes yet
Junaidi
Junaidi's picture
Offline
Last seen: 3 years 10 months ago
Joined: 14 Mar 2013 - 09:01
Points: 520
Fixed, Fluid, Adaptive and Responsive

Secara umum, jenis desain website dibagi 4:

Fixed, Fluid, Adaptive dan yang terakhir Responsive.

Junaidi

0
No votes yet
Rudiansyah
Rudiansyah's picture
Offline
Last seen: 4 years 8 months ago
Joined: 2 Mar 2013 - 11:54
Points: 417
Topik lama. Belum ada yang

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?

0
No votes yet
Aditya
Aditya's picture
Offline
Last seen: 6 years 3 months ago
Joined: 26 Mar 2013 - 09:41
Points: 5606
Responsive website dibuat

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.

5
Your rating: None Average: 5 (1 vote)
Toni
Toni's picture
Offline
Last seen: 3 years 8 months ago
Joined: 22 May 2013 - 14:59
Points: 358
Sering dipakai yang

Sering dipakai yang responsive. Adaptive sama fluid jarang kedengeran

0
No votes yet