Bootstrap: Mengenal Bootstrap

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi tentang Bootstrap. Mungkin sobat bertanya-tanya Apa Sih Bootstrap itu??

Pengertian Bootstrap

Bootstrap adalah Aplikasi sumber terbuka yang berupa kerangka kerja (framework) untuk membangun website dinamis dengan menggunakan bahasa script CSS. BOOTSTRAP memudahkan developer dan designer untuk membuat sebuah aplikasi web menjadi cepat dan mudah dibandingkan dengan membuatnya dari awal.

Kerangka Kerja Aplikasi (Framework)

Kerangka Kerja (Framework) secara sederhana diartikan sebagai kumpulan dari fungsi-fungsi/prosedur-prosedur dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga bisa lebih mempermudah dan mempercepat pekerjaan seorang programer, tanpa harus membuat fungsi atau class dari awal.

Fitur umum framework:

• Mempercepat dan mempermudah pembangunan sebuah apikasi web.
• Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada).
• Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga kita tidak perlu membangun dari awal.
• Lebih bebas pengembangannya jika dibandingkan CMS.

Itulah pengertian singkat dari Bootstrap.

Semoga Bermanfaat...!!!

Referensi: https://id.wikipedia.org/wiki/PHP_Bootstrap

Wassalamu'alaikum wr.wb

Read More

Cara Menyimpan pengaturan kecerahan layar di Linux Mint

Assalamu'alaikum wr.wb

Kali ini saya akan membagikan Cara Menyimpan pengaturan kecerahan layar di Linux Mint.

Mungkin sobat pernah mengalami dimana pengaturan kecerahan mereset pada setiap reboot, jadi kita harus secara manuual menyesuaikan terus-menerus.

Jika sobat ingin menyimpan pengaturan kecerahan layar pada Linux Mint sobat, maka simak langkah-langkah berikut:

• Buka Terminal (Ctrl+Alt+T)
• Ketikkan:

for i in /sys/class/backlight/*; do echo $i; cat $i/brightness; cat $i/actual_brightness; cat $i/max_brightness; done cat $i/max_brightness; done

• Ketikkan:

gksu gedit /etc/rc.local

• Tambahkan kode berikut disebelum baris terakhir 'exit 0'

echo 408 > /sys/class/backlight/intel_backlight/brightness

NB: 480 adalah level kecerahan yang mau diterapkan

• Save & Reboot

Referensi: https://unlockforus.com/remember-screen-brightness-settings-in-linux-mint-17-2-rafaela/
 

Sekian Cara Menyimpan pengaturan kecerahan layar di Linux Mint.

Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb

Read More

CSS: Cara Membuat Teks Underline, Overline, dan Line-through

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Cara Membuat Teks Underline, Overline, dan Line-through.

Penggunaan property CSS text-decoration untuk mendapatkan efek garis bawah (underline), garis atas (overline) dan garis tercoret (line-through) cukup sederhana, kita tinggal menginput nilai tersebut sebagai nilai properti dari text-decoration.

Contoh:

Selain ketiga nilai tersebut, properti text-decoration memiliki 2 nilai tambahan, yakni blink dan none. text-decoration: blink ditujukan untuk membuat teks berkedip (blink!) namun karena efeknya yang mengganggu, umumnya web browser modern mengabaikan efek ini. Sedangkan untuk menghapus efek dekorasi teks, kita bisa menggunakan perintah text-decoration: none. Perintah none ini biasa digunakan untuk menghapus efek underline dari tag <a> yang merupakan setingan bawaan web browser.

Contoh penggunaan properti text-decoration:

Dalam contoh kode diatas, saya membuat class untuk masing-masing efek. Perhatikan bahwa class=”blink”, efek text-decoration: blink akan diabaikan oleh web browser. Untuk class=”all”, saya membuat 3 efek dalam 1 selector. Tiap-tiap nilai dipisahkan dengan spasi.

Kode CSS text-decoration: none untuk tag <a> pada baris terakhir adalah penggunaan paling sering untuk text-decoration. Menghapus efek garis bawah dari sebuah link membuat kita bisa mendesain link dengan lebih baik, terutama jika tag <a> digunakan pada menu navigasi dari website.

Sekian Cara Membuat Teks Underline, Overline, dan Line-through.

Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb

Read More

CSS: Cara Mengatur Lebar (spasi) Antar Huruf dan Kata Teks HTML dengan CSS

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Cara Mengatur Lebar (spasi) Antar Huruf dan Kata Teks HTML dengan CSS.

Cara Mengatur Lebar Spasi Antar Huruf dengan CSS

Oroperti CSS letter-spacing digunakan untuk mengatur spasi atau jarak antar huruf. Nilai yang digunakan bisa berupa pixel, persen, em atau satuan ukuran text lainnya.

Jika kita memberikan nilai positif untuk letter-spacing, spasi antar karakter akan semakin menjauh. Untuk membuat spasi antar karakter semakin berdekatan, gunakan nilai negatif.

Contoh penulisan properti letter-spacing:

Nilai letter-spacing: normal bisa digunakan untuk membuat spasi antar karakter kembali ke nilai awal (nilai default).

Cara Mengatur Lebar (spasi) Antar Kata

Selain pengaturan spasi antar karakter, CSS juga menyediakan cara untuk mengatur jarak atau spasi antar kata dengan properti word-spacing. Sama seperti letter-spacing, kita bisa menggunakan nilai positif atau negatif untuk memperlebar atau memperkecil spasi antara sebuah kata dengan kata lainnya.

Contoh penulisan properti word-spacing:

Nilai word-spacing: normal bisa digunakan untuk membuat spasi antar kata kembali ke nilai awal (nilai default).

Tutorial Cara Mengatur Lebar Antar Huruf dan Kata

Contoh kode HTML dan CSS untuk penggunaan letter-spacing dan word-spacing:

Pehatikan contoh kita diatas, efek letter-spacing dan word-spacing yang terlalu berdekatan atau terlalu jauh akan membuat tulisan susah dibaca. Namun dengan mengkombinasikan efek ini dengan berbagai efek teks CSS lain, kita bisa membuat tampilan text yang lebih beragam.

Sekian Cara Mengatur Lebar (spasi) Antar Huruf dan Kata Teks HTML dengan CSS.

Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb

Read More

CSS: Cara Mengatur Rata Teks HTML dengan CSS (text-align)

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Cara Mengatur Rata Teks HTML dengan CSS (text-align).

Untuk mengatur rata text HTML dengan CSS, kita menggunakan property text-align. Property text-align memiliki 4 nilai yang bisa dipilih, yakni: left, right, center, atau justify. Sesuai dengan namanya, kita menggunakan text-align: left dan text-align: right untuk membuat rata teks kiri dan rata teks kanan. Untuk membuat text berada di tengah, kita mengunakan: text-align: center.

Perintah text-align: justify digunakan untuk membuat text rata kiri dan kanan. Namun efek justify ini perlu menjadi catatan. Membuat text rata kiri dan kanan sekaligus akan membuat web browser menambah jarak (spasi) antar kata, terutama untuk kata yang panjang. Hal ini bisa membuat tulisan akan susah dibaca, terutama jika diakses dari smartphone yang memiliki layar kecil. Efek justify lebih cocok jika digunakan untuk media cetak seperti buku atau majalah.

Cara Mengatur Rata Text dengan CSS

Dalam tutorial kali ini saya akan membuat teks HTML sederhana, yang terdiri dari 4 paragraf menggunakan tag <p>. Masing-masing paragraf ini memiliki kode CSS text-align yang ‘ditempelkan’ menggunakan class selector.

Contoh penggunaan property text-align:

 

Sekian pembahasan Cara Mengatur Rata Teks HTML dengan CSS (text-align).

Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb

Read More