Cara Mengubah Huruf Kapital (Case) menggunakan CSS

alphabet-upper-and-lower-b&w-mdMas Pram – Kali ini saya akan membahas mengenai bagaimana caranya merubah huruf kapital (Case) menggunakan CSS. Namun dalam pembahasan lebih detailnya kita akan merubah teks kapital menjadi huruf kecil semua, dan sebaliknya. Bagaimana caranya? Berikut ini penjelasannya:

 

Contoh penggunaan di HTML


Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Script/Kode CSS untuk merubah huruf kapital


p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

Demo

Advertisements

Cara Mengurangi Jumlah Node Objek di Coreldraw

Assalamualaikum, sudah lama tidak menerbitkan tutorial coreldraw selama tahun 2016 ini. Yok monggo disimak, kali ini saya akan membahas bagaimana mengurani node objek dicoreldraw khususnya font jika di konversikan ke kurva. Sebelumnya udah tau belum apa itu node objek di corel? itu loh kaya jerawat yang timbul-timbul hehehe. Monggo lihat penampakannya dibawah ini.

node

Nah node objek di coreldraw itu tampak seperti titik berbentuk persegi, terkadang terlalu banyak membuat pekerjaan semakin lama jika kita akan melakukan custom pada tulisan tersebut. Nah bagaimana caranya mengurangi jumlah node yang banyak tersebut, monggo diperhatikan dan dipraktekkan cara dibawah ini.

  1. Buat sebuah tulisan, misal Mas Pram. Saya menggunakan jenis font Intique Script. Download font : Dropbox | Mediafire maspram
  2. Klik kanan pada objek dan pilih Convert to Curve atau dengan cara menekan tombol keyboard Ctrl+Q.
  3. Kemudian Seleksi obyek lalu klik Shape Tool (F10) Mengurangi Node pada CorelDraw dan lihatlah pada status bar berapa jumlah node dalam tulisan tersebut.node1
  4. Seleksi semua node dengan mengklik ‘Select all nodes’  Mengurangi Node pada CorelDraw  pada property bar.
  5. Klik ‘Reduce Node’ Mengurangi Node pada CorelDraw  dan lihat perubahannya.node2

Ini merupakan hal yang sepele, namun banyak dari mereka tidak tahu mengurangi node bagaimana cara yang lebih baiknya. Selamat mencoba semoga bermanfaat. 🙂

Cara Menggunakan Font Awesome

fontawesomeSebelumnya saya beritahu, apa sih font awesome itu, kelebihan dan cara menggunakannya. Font awesome adalah sebuah media atau fasilitas yang memberikan kemudahan dalam menggunakan icon website dalam bentuk vector. Seperti font face pada umumnya dapat dengan mudah dimodifikasi dengan berbagai style css seperti size, color, drop shadow dan lain-lainnya.

Adapun kelebihan Fonr awesome adalah :

  • Satu file font terdiri dari 369 icon (klik disini untuk melihat demonya)
  • Gratis
  • Support dengan bootstrap 3.0.0
  • Tidak perlu menggunakan ataupun menambahkan script javascript
  • Selalu terlihat rapi dan menarik dalam berbagai ukuran font

Cara penggunaannya adalahh sebagai berikut :

  1. Download font awesomenya di situs resminya [Font Awesome]
  2. Setelah di download extract file font awesome tadi, lalu copy ke file dimana anda akan membuat file website anda.
  3. Lalu ketik tag dan class untuk setiap icon seperti dibawah ini :
< i class="fa fa-facebook"></i>

Semoga bermanfaat 🙂