Border Radius CSS - Membuat Sudut Melengkung dengan CSS

Ingin membuat objek dengan melengkung adalah sangat mudah dengan CSS. Mungkin Anda ingin memodifikasi navigasi dengan sudut lengkung, ataupun border pada objek, ikuti tutorial saya kali ini. Sebuah objek diatur sudut lengkungnya dari tiap sudutnya. Jadi dari 4 sudut dapat diatur secara masing-masing ataupun sama semua.

CSS3 - @font-face untuk Menambah Jenis Font pada Website

Pada CSS3 terdapat query @font-face yang memungkinkan desainer web untuk menggunakan beragam font diluar web safe fonts (font umum website). Desainer hanya perlu menyimpan file font (.ttf , .otf, dll) pada server atau di direktori file website jika offline. Kemudian memanggil nama file font tersebut melalui CSS dan tinggal menggunakan. Berikut langkahnya.

Membuat Tabel Zebra dengan CSS

Tabel biasa digunakan ketika menampilkan data-data dari database. Ketika data yang ditampilkan berjumlah banyak, dan kolom pun juga berjumlah banyak, pembaca akan sedikit kesulitan membaca sebaris data yang diinginkan. Karena semua baris data sama warnanya sehingga tampak sulit meluruskan kolom paling kiri dengan kolom di kanannya. Dengan tabel zebra akan mengatasi masalah ini.

Mengatur Background Website dengan CSS

Tutorial kali ini akan menunjukkan cara mengatur background halaman website dengan CSS. Background website dapat tampil secara penuh satu halaman layar, background dengan gambar ber-resolusi kecil dapat di repeat/ulang agar memenuhi seluruh tampilan, background bisa diatur perulangannya, background gambar bisa diatur posisinya.

Tutorial CSS - Mengatur Format Tabel dengan CSS

Tabel dalam website dapat diatur tampilannya menggunakan CSS. Mulai dari pengaturan tinggi, lebar, warna background, border, dll hingga membuat tabel zebra (selang-seling warna). Mengatur format tabel dengan CSS seperti halnya Anda mengatur tabel tersebut di HTML nya langsung.

Tutorial CSS - ID dan CLASS

CSS digunakan untuk pemformatan style/tampilan sebuah halaman website. Untuk memudahkan pengaturan style Anda dapat menggunakan ID selector dan CLASS selector. Selector tersebut juga dapat Anda gunakan untuk membuat layout/tata letak halaman website. Intinya, selector ID dan CLASS memiliki fungsi untuk menggabungkan beberapa properties yang akan digunakan lebih dari satu kali.

Pengenalan CSS - Cascading Style Sheet

CSS (Cascading Style Sheet) merupakan aturan untuk mengatur sebuah halaman website. CSS bukanlah sebuah bahasa pemrograman. Seperti halnya pada microsoft word, ada styles yang berfungsi untuk mengatur heading, footer, images dan style lainnya. Sehingga halaman web yang diatur dengan CSS akan lebih menarik.

Responsive Web

Pertama, bagi yang belum tau apa responsive web itu? Yaitu web yang tampilannya dapat menyesuaikan resolusi layar perangkat yang menampilkannya. Misal ketika dibuka pada monitor ukuran 1024, tampilan web akan terlihat penuh dan lengkap. Ketika dibuka dengan layar ponsel ukuran 240, lebar tampilan web pas dengan lebar layar, dan tidak perlu zooming untuk membaca konten yang ada.