Tuesday, 18 August 2015

Mengenali apa itu Responsive Web Design

Assalamualaikum

Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran mahupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeza tampilannya. Responsive Web Design untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui mobile device ataupun device lainnya, namun cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar mobile device.

Kelebihan dan kekurangan ;

Teknik ini sudah mulai banyak digunakan dikalangan web designer luar dan memiliki beberapa keuntungan, salah satunya adalah penghematan penggunaan sub domain, yang tadinya kalau mengakses harus menggunakan “mobile” atau “m” didepan domainnya, sekarang cukup dengan mengetik nama domainnya saja dan tampilan akan menyesuaikan dengan device yang digunakan. Keuntungan yang paling utama tentu saja dapat mengurangi jumlah development menjadi satu saja untuk dipakai semua devices. Kelemahan dari teknik ini adalah jika digunakan pada website yang bertujuan untuk menampilkan gambar saja, seperti website fotografi misalnya. Resource gambar oleh device kita akan sama dengan yang di komputer kita. Untuk itu kita perlu memperhatikan apakah website yang kita buat untuk dipakaikan teknik Responsive ini.

Mengenali apa itu CSS

Assalamualaikum

Apa itu CSS? CSS ialah kependekan perkataan dari Cascading Style Sheet. CSS merupakan salah satu kod pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan / layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. CSS digunakan oleh web programmer dan juga blogger untuk menentukan warna, tatacara letak font dan semua aspek lain dari presentasi dokumen mereka. Saat ini, hampir tidak ada web yang dibangun tanpa kod CSS. 

Contoh penulisan kod CSS:
Body {background-color: white;}

‘Body’ adalah Selektor, ‘{ }’ adalah deklarasi, ‘background-color’ adalah properti dan ‘white’ adalah nilai. Maksud dari kod diatas adalah mengatur warna latar belakang (background color) dari tag ‘Body’ sebuah halaman web.

Jenis-jenis penulisan CSS :
Inline CSS
Internal CSS
External CSS