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

Tuesday, 28 July 2015

What is BOOTSTRAP

Assalamualaikum

Bootstrap adalah sumber terbuka Javascript rangka kerja yang dibangunkan oleh pasukan di Twitter. Ia adalah gabungan HTML, CSS dan kod Javascript direka untuk membantu membina komponen antara muka pengguna. Bootstrap juga telah diprogramkan untuk menyokong kedua-dua HTML5 dan CSS3. Ia juga ia dipanggil front-akhir rangka kerja. Bootstrap juga adalah alat koleksi percuma untuk mewujudkan laman web dan aplikasi web. Ia mengandungi HTML dan template reka bentuk berasaskan CSS untuk tipografi, borang, button, pelayaran dan komponen antara muka lain, serta pilihan JavaScript sambungan. Bootstrap adalah CSS ditakrifkan dengan baik. Walaupun menggunakan Bootstrap anda juga boleh menggunakan javascript, jquery dan lain-lain


Terdapat beberapa sebab pengaturcara pilihan rangka kerja Bootstrap

- Mudah untuk memulakan

- Sistem grid yang besar

- Penggayaan asas bagi kebanyakan unsur-unsur HTML ( Typography, Kod, Jadual, Borang, Butang, Imej, Ikon )

- Senarai yang mempunyai banyak komponen


- Plugin Javascript