0
Shares
0
0
0
0

Hampir 2 tahun ini, kegiatan membuat themes gratis saya selalu menambahkan code css yang sederhana tapi sangat powerful, setidaknya bagi saya sendiri. Kode Powerful itu adalah CSS Reset.

Gambaran sederhana dari CSS Reset ini adalah. Membuat semua hal yang tampil dihalaman browser dibuat NOL, entah itu margin, padding, jarak,  outline, background, ukuran font dan macam macam.

Jaman sekarang mencari CSS Reset sudah sangat mudah ditemukan, tinggal ketik CSS Reset di Google, kita akan mendapatkan banyak sekali metod alternatip yang bertujuan sama. Sama sama memudahkan dan bahkan bisa kita langsung embed di website kita.

Framework2 seperti Bootstrap juga sudah menyertakan CSS Reset ini, dengan CSS Reset adalah salah satu cara megeneralisasi agar supaya desain di banyak device nanti bisa serupa. Banyak Device, Banyak Sistem dan Banyak Aplikasi.

Mau tau CSS Reset saya? CSS Reset saya ini sudah saya pakai dibeberapa tema wordpress gratis saya baik di WPGPL ataupun di Jauhari Themes. Jika sampean semua berminat dengan CSS Reset saya silahkan dipake semaunya. Perlu diingat CSS Reset saya ini adalah gabungan dari CSS Reset yang saya temukan di internet, dan beberapa bagian sudah saya tambahi…

css_html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.hide {
display: none;
}
br.clear {
clear: both;
}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
hr {
display: none;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after,.post:after {
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix, .container {display: block;}

/* Makes clearfix actually work in IE */
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}

.clearfix, .post {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix, * html .post {height: 1%;}
.clearfix, .post {display: block;}
/* End hide from IE-mac */

img#wpstats{width:0px;height:0px;overflow:hidden}

Cara Menggunakan, bikin aja file css reset.css dan kemudian paste kode saya diatas di file ini. Kemudian, cara menggunakannya cukup dengan memanggil di CSS original anda, seperti ini 

@import url('reset.css');

0 Shares:
Share 0
Tweet 0
Pin it 0

Abu @YashfaJauhar @ShaffiyaJauha Isteri @IvaFitria tinggal di @DesaPonjong Gunungkidul Yogyakarta Co. Founder NGONOO.com

22 comments
  2. Ping-balik: Toekangweb » 50 Tutorial CSS/XHTML dalam Bahasa Indonesia
  3. Ping-balik: Menggunakan CSS Reset « outstando

  4. Selama ini sih, berdasarkan pengalaman, setiap kali pakai CSS itu udah kayak me-reset setingan default dari browser. saya pikir gak terlalu penting melakukan reset ini.

    Balas

    1. Seperti Prolog postingan saya mas.. tujuannya ini sebagai PE RESET. Karena tiap browser mempunyai beda ukuran standard.

      Jadi dengan di RESET, diharapkan ukuran DEFAULT menjadi sama, sehingga kita bisa bermain CSS dengan lebih nyaman….

      Balas

      1. Ow.. ic.. ic..
        Seperti misalnya ie yg senenaknya sendiri bikin standart sendiri sampe di protes ama Opera dan Firefox itu ya?

        Semoga masyarakat mulai sadar dan meninggalkan ie, kalo ie gak da yg pake, kan nanti dia pasti mulai tau diri. hehehe..

        Balas

  9. Seberapa Penting? Bisa jadi: 1. Sangat Tidak Penting; 2. Tidak Penting; 3. Biasa; 4. Penting; 5. Sangat Penting. he he :)

    Thanks for sharing.
    Berbagai itu membahagiakan (berebut itu menyakitkan).
    Go ahead Bro.
    .-= ayaheauzi´s last blog ..Resep Bahagia =-.

    Balas

  10. selaku user dan penikmat theme-theme-nya om, saya juga nggak mudeng dengan makhluk CSS Reset itu, apalagi khasiatnya.

    Anay way, berbagi itu memang membahagiakan.
    Thanks and go ahead.
    .-= ayaheauzi´s last blog ..Resep Bahagia =-.

    Balas

  11. Terimakasih sharing-nya, om.
    karena cuma user murni dan peniknya theme2-nya om, saya tetep gak nyambung dengan makhluk css reset itu.
    Any way, berbagi itu memang membahagiakan.

    Go ahead.
    .-= ayaheauzi´s last blog ..Resep Bahagia =-.

    Balas

  15. Wogh, kumplit Gan..

    Saya pake yang sedikit sajah:

    * {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
    list-style: none;
    }

    :D
    .-= Nazieb´s last blog ..Out of Topic =-.

    Balas

        1. Tergantung AUDIENCEnya :D
          – Penting (bagi saya saat ini)
          – Tidak Penting (bagi yang tidak mendalami dunia ini)
          – Abstain (belum tau pertanyaan ini)

          ;)

          Balas
Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

— Previous article

#IndonesiaUnite: Life for Others

Next article —

Milad 2 TDA Ngalam

You May Also Like
UUmum

IMPOSIBLLE IS NOTHING

Yah bener kalau Allah mengijinkan dan kita mau membayar harganya keinginan dan juga harapan pastilah akan tercapai dengan…
Its Almost Here iPhone 5
Read More
  • 1 minute read
UUmum

iPhone 5: It's almost here

Besar kemungkinan jimik penamaan dari Generasi iPhone terbaru adalah iPhone 5. Ini kalau kita simak dengan jeli dari…
UUmum

Instagram 2.0 untuk iOS

Download Instagram 2.0 dan Nikmati beragam sensasinya. Kalau mau Jujur, banyak pengguna baru iPhone di Indonesia karena aplikasi…
UUmum

Anangku Juara The Master RCTI

Mulai kali ini saya akan mencoba posting abal abal. Dan postingan bertema abal abal ini, saya akan coba kupas siapa orang terkenal yang mirip blogger ataupun sebaliknya, jadi mari kita segera mulai. Anda kenal Joe Sandy? saya sudah mengenalnya bahkan sebelum beliau juara the master RCTI, karena Joe Sandy yang ngetop itu, ternyata blogger ngetop banget yang saat ini tinggal di kota pahlawan (Surabaya).