View

Membuat Slider Menu Sederhana Dengan CSS3 Tanpa Javascript

Kembali 1 minggu ini saya akan berlibur di kampung halaman, karena perkuliahan belum aktif + rasa jenuh yang melanda selama proses perwalian. Dimana saya dan 3 teman yang lainnya diberikan tugas untuk mengawasi aplikasi dan proses perwalian. Kerja udah kayak kuli, hampir 11 banding 12 sama kuliah. Yang dijanjikan akan mendapat uang capek alias pesangon, sampai saat ini belum cair juga. “Itulah kampus dan deritaku, kamu…???” Sekian dulu curhatnya :D, dan sekarang saya akan membagikan sedikit tutorial sederhana tentang CSS3 yaitu Membuat Slider Menu Sederhana Dengan CSS3 Tanpa Javascript. Hampir sama dengan postingan saya beberapa h [...]

View

bagaimana Cara Menggunakan Google Fonts

Cara Menggunakan Google Fonts — Halo semua. Membuat sebuah desain website bakal hambar rasanya apabila font yang digunakan tidak kita perhatikan desainnya, lalu bagaimana caranya agar font yang digunakan di desain web kita terlihat cantik? Ada beberapa font memang yang menurut saya sudah tersedia secara default di HTML, seperti Arial, Times New Roman, dan yang lain, namun tentunya setiap individu memiliki selera masing-masing. Di artikel yang bakal saya bahas kali ini mungkin membuat kamu tahu bagaimana caranya merubah font dengan menggunakan Google Fonts. Google Fonts sendiri adalah salah satu “produk” Google yang menurut saya sangat bermanfaat b [...]

View

Cara Menginstall & Menggunakan Ionic Framework di Windows

Cara menggunakan Ionic Framework di Windows | Sebelum mulai menggunakan Ionic saya jelaskan untuk apa Ionic framework itu. Ionic digunakan untuk membangun aplikasi mobile dengan menggunakan bahasa website, seperti HTML5, CSS, Javascript dan lainnya.   Pastikan anda untuk menginstall Git For Windows dan opisional console : http://www.git-scm.com/download/win Install NodeJs http://www.nodejs.org/dist/v0.12.0/node-v0.12.0-x86.msi setelah install selesai Buka Command Prompt NODE JS Cek apakah NodeJs sudah ter-install atau belum Jika keluar error seperti : C:\Users\LENOVO>node -v ‘node’ is not recognized as an inter [...]

View

Cara menambah warna pada tabel dengan css

Dalam tutorial dasar-dasar HTML edisi ini, kita akan mempelajari tentang cara membuat tabel pada kode HTML. Tabel merupakan sebuah cara untuk menyajikan data dalam bentuk tabular dimana terdiri dari baris dan kolom. Oleh karena itu, penggunaan tabel sering digunakan terutama yang menggunakan banyak data.   Cara membuat tabel sederhana pada HTML Tabel sederhana yang kita maksud disini adalah sebuah tabel yang terdiri dari beberapa baris dan kolom serta judul seperti yang ditunjukkan oleh Gambar.1 dibawah ini : Gambar.1   Dari Gambar.1 dapat dibuat tabel dalam script HTML sebagai berikut: <!DOCTYPE html& [...]

View

Mendesain Tabel Dengan CSS 3 – Panduan Lengkap

Tabel merupakan salah satu elemen penting untuk menampilkan data. Data yang penting pun menjadi tidak menarik jika tabel yang ditampilkan tidak menarik, untuk itu kali ini kita akan membahas bagaimana cara mendesain tabel dengan css. Desain tabel yang menarik itu bagaimana? desain yang menarik ya yang enak dilihat baik kerapiannya maupun kombinasi warnanya. Warna baris pada tabel biasanya menggunakan warna yang soft, karena yang ditonjolkan adalah isi datanya. Kombinasi warna soft ini biasanya menggunakan jenis warna monochromatic yaitu kombinasi warna tertentu dengan warna lain yang lebih muda. Pada contoh kali ini kita akan membuat tabel dengan hasil akhir seperti ini: [...]

View

Cara pengaturan warna pada table pada CSS html

Pengaturan warna pada table Pewarnaan pada tabel dapat digunakan untuk mengatur warna pada teks,background maupun border table, td, th   { border:1px solid green; } Style diatas akan memberikan efek warna green pada border table,data (td) dan header tabel (th). Style warna juga bisa diberikan hanya pada bagian tertentu saja, misalnya bagian header tabel (th) seperti pada listing css dibawah Th { background-color:green; color:white; } Header tabel akan berwarna green dan teksnya berwarna putih. Penerapan style diatas pada sebuah tabel akan terlihat pada contoh berikut : <html> <head> <style> table, td, th { border:1px [...]

View

Mendesain Tabel Cantik

Tabel adalah hal yang mutlak harus dibuat dan didesain sebagus mungkin karena semua aplikasi membutuhkan tabel sebagai sarana untuk menampilkan data. Desain tabel yang bagus yang bagaimana?. Kalau menurut saya ya yang enak dilihat mata sadja. Pada artikel ini saya akan berbagi tabel yang saya desain dengan menggunakan HTML dan CSS. Desain yang saya buat terkesan minimalis dan saya banyak menggunakan warna-warna soft agar enak dan membuat betah jika dilihat. Sebagai bocoran inilah hasil akhir dari tabel yang saya buat Kita ikuti langkah prosedural dalam mendesain tampilan web ya. Yaitu pertama membuat HTML terlebih dahulu baru kemudian CSS nya. Dan Berikut ini adalah kerangka H [...]

View

Cara Mengatur Position Di CSS

Didalam css sebuah elemen dapat diatur tata letak lokasi atau posisi akan ditempatkan seperti apa dan bagaimana, yaitu dengan menggunakan properti position, nah dalam tutorial ini kita akan membahas cara mengatur position di css dengan penjelasan-penjelasan yang mudah dimengerti. Properti position di css ini memiliki 4 nilai yang bisa digunakan untuk mengatur posisi elemen tersebut, yaitu: static, relative, absolute, fixed, dimana beberapa nilai-nilai tersebut dapat diatur dengan menggunakan properti top, left, right, bottom dengan menggunakan nilai positif atau negatif. Cara Mengatur Position Di CSS Seperti awal dikatakan bahwa untuk mengatur posisi sebuah elemen maka menggunakan pr [...]