I. Pendahuluan A. Pengenalan tentang Tailwind CSS Tailwind CSS adalah sebuah framework CSS yang mengadopsi pendekatan utility-first dalam penulisan kode CSS. Dibandingkan dengan pendekatan tradisional yang menggunakan banyak komponen primitif, Tailwind CSS memungkinkan pengembang untuk langsung menerapkan gaya pada elemen HTML dengan menggunakan kelas-kelas utilitas yang disediakan. B. Tujuan dan Read more…
I. Pendahuluan Pengenalan tentang Tailwind CSS Tailwind CSS adalah sebuah framework CSS yang sangat fleksibel dan dapat disesuaikan, yang memungkinkan pengembang untuk membangun antarmuka web dengan cepat dan efisien. Berbeda dengan framework CSS tradisional yang menggunakan pendekatan komponen, Tailwind mengadopsi pendekatan utility-first, di mana styling ditentukan oleh kelas-kelas utilitas yang Read more…
Pada kesempatan kali ini, kita akan membuat sebuah grafik sederhana menggunakan bootstrap dan ChartJS. Langkah pertama yang akan kita lakukan adalah membuat struktur dasar dari file html dengan menambahkan CDN (Content Delivery Network) dari library css bootstrap dan library chartjs seperti contoh dibawah ini : Kemudian, tambahkan script berikut ini Read more…
Pada kesempatan kali ini kita akan membuat gallery Image dengan HTML dan CSS. Langkah Pertama, buat file dengan nama “sampleimage.html” kemudian tambahkan perintah sebagai berikut : Hasilnya akan terlihat seperti ini : Gambar akan ditampilkan secara vertikal. Hal ini disebabkan karena kita menambahkan tag <div></div>. Dimana tag <div> defaultnya memiliki sifat Read more…
Pada kesempatan ini, kita akan membuat form sederhana dengan HTML5 dan CSS3. Langkah pertama adalah membuat struktur dasar dari dokumen HTML5. Seperti perintah dibawah ini : Kemudian tambahkan perintah berikut didalam tag <body> </body> Perhatikan pada baris keempat, terdapat sebuah tag bernama form, dimana tag tersebut memiliki atribut action dengan Read more…
Pada tutorial kali ini, kita akan belajar cara menggunakan HTML canvas. HTML canvas adalah salah satu fitur element baru yang terdapat pada versi HTML5. Apakah Kegunaan dari Canvas ? Canvas digunakan sebagai element HTML yang bisa digambar dengan perintah bahasa komputer javascript. Membuat Canvas untuk menggunakan Canvas, cukup dengan menambahkan Read more…
Pada tutorial kali ini, kita akan sebuah menu navigasi breadcrumb menggunakan CSS3. Hasil akhir dari menu navigasi tersebut adalah seperti gambar di bawah ini: Lihat video cara pembuatannya berikut ini: Source Code [sourcecode lang=”html”] <html> <head> <title>Pure CSS3 Breadcrumb Navigation Menu</title> <style> /* Import custom font from google font*/ @import Read more…
CSS is an acronym for Cascading Style Sheets, it is used to format web page look. The latest version of CSS is CSS3. This new version of CSS gives web developers more flexibility when styling the webpage. It comes with a set of new rules that make CSS3 better than Read more…
