topik CSS

Ini dia yang kamu cari

Ada 32 artikel dalam topik CSS.

Tutorial Bootstrap 4 untuk Pemula: Pengenalan BS4 dan Persiapan Project

Tutorial Bootstrap 4 untuk Pemula: Pengenalan BS4 dan Persiapan Project

Pertama kita akan berkenalan dengan Bootstrap 4, lalu mencoba membuat sampel project. Terakhir saya akan membahas tips belajar bootstrap.

Cara Membaca Dokumentasi Bootstrap 4 Secara Offline

Cara Membaca Dokumentasi Bootstrap 4 Secara Offline

Biasanya kita membaca dokumentasi bootstrap langsung dari websteinya. Namun, apabila tidak ada koneksi internet...mau baca di mana?

Nekat Menggunakan Bootstrap 4 Versi Beta, Petani Kode Akhirnya Kena Deface

Nekat Menggunakan Bootstrap 4 Versi Beta, Petani Kode Akhirnya Kena Deface

Petanikode baru saja mengganti templatenya dengan Bootstrap4 versi beta

Mencoba Bootstrap 4: Apa saja yang baru di Bootstrap 4?

Mencoba Bootstrap 4: Apa saja yang baru di Bootstrap 4?

Mencoba menggunakan Bootstrap 4 dan ada hadiah template Bootstrap 4 gratis dari Petani Kode

Tips Modifikasi Panel Bootstrap untuk dijadikan Card

Tips Modifikasi Panel Bootstrap untuk dijadikan Card

Seperti yang kita ketahui, istilah card memang sering dipakai pada Material Design. Sedangkan Bootstrap versi 3 tidak memiliki komponen card. Mungkin saja akan ditambahkan pada versi ke-4. Kita tunggu saja. Pada kesempatan ini, kita akan belajar cara modifikasi komponen panel Bootstrap untuk dijadikan Card. Berikut ini tampilan hasil akhir yang akan kita buat: Mempersiapkan Grid LayoutPertama, kita siapkan dulu grid layout dengan empat kolom. <div class="container"> <div class="row"> <div class="col-md-3"> <!

Tutorial Dasar SASS untuk Pemula

Tutorial Dasar SASS untuk Pemula

Ketika kode CSS-nya semakin besar dan kompleks. Kodenya akan susah diatur (maintenace). Karena itu, hadirlah SASS untuk membantu. Apa itu SASS dan Bagaimana Cara Menggunakannya?

Cara Membuat Halaman Github untuk Repositori

Cara Membuat Halaman Github untuk Repositori

Pada tulisan sebelumnya, saya pernah membahas tentang cara membuat halaman Github untuk profil individu dan organisasi. Nah, kali ini kita akan membuat halaman github untuk proyek atau repositori. Jadi sebenarnya, setiap proyek atau respositori di Github itu bisa dijadikan halaman Github (Github Pages). Pastikan di dalam proyek berisi file web statis seperti HTML, CSS, dan Javascript. Membuat repositoriBuatlah repositori dengan nama apa saja, kemudian di dalamnya berisi file web statis. Setelah itu, upload ke github.

Tutorial Web Responsif: Pengenalan RWD dan Viewport

Tutorial Web Responsif: Pengenalan RWD dan Viewport

Bagaimana cara membuat web responsif? itulah pertanyaan yang cukup sering ditanyakan kepada saya. Pertanyaan ini membutuhkan jawaban yang cukup panjang, karena itu saya tidak bisa langsung menjawab secara detail melalui lisan maupun pesan instan, selain itu juga waktu yang tidak mendukung. Berangkat dari keterbatasan itu, akhirnya saya menrebitkan tulisan ini. Apakah itu RWD?RWD singkatan dari Responsive Web Design. Responsif artinya webnya dapat merespon atau menyesuaikan diri dengan perangkat yang digunakan. Misalnya kita membuka webnya melalui ponsel, maka secara otomatis tampilan webnya akan disesuikan dengan ukuran layar ponselnya.

Tutorial CSS: Cara Mewarnai Teks dengan CSS

Tutorial CSS: Cara Mewarnai Teks dengan CSS

Pelajari cara mewarnai teks dengan CSS agar terlihat lebih menarik.