Cara Mengetahui Ukuran Layout Website
Cara Mengetahui Ukuran Layout Website,-
Saat menciptakan sebuah website dari CMS, apapun itu niscaya kita memakai template (themes) yang sudah dibuatkan oleh orang lain (developer).
Sehingga kita tidak tahu berapa ukuran laytout pada website kita, Atau bahkan ukuran setiap element yang ada di website kita kecuali kita paham mengenai coding CSS, HTML, dan sebagainya.
Apa gunanya mengetahui ukuran layout yang pas dari template kita?
Gunanya yaitu agar ketika browser melaksanakan compile terhadap code yang dimiliki oleh template kita tidak mengalami “kebingungan”.
Analoginya sama ibarat berikut…
Ketika Anda memiliki frame foto ukuran A4, tapi Anda hendak memasang foto ukuran f4 tentunya tidak pas bukan? sehingga ada yang harus dikorbankan, seperti…
- Browser akan melaksanakan fit to size, yaitu memaksa gambar tersebut agar sama dengan layoutnya
- Browser memotong gambar tersebut agar sama dengan wadahnya.
Sayangnya, kedua cara tersebut sanggup mengurangi kecepatan website Anda.
Silahkan baca 10 Tips meningkatkan kecepatan website dan optimasi htaccess untuk meningkatkan kecepatan website
Cara Otomatis
Supaya tidak berbelit beli mari kita bahas Cara Mengetahui Ukuran Layout Website…
Sebelumnya, silahkan d0wnl0ad plugin/addon firebug (mozilla firefox) atau untuk google chrome silahkan d0wnl0ad disini.
Setelah instal plugin tersebut, kini saatnya mengoperasikannya. Ikuti langkah langkah berikut :
- Aktifkan firebug dengan menekan icon serangga pada kanan atas browser Anda
- Pilih Click an element in the page to inspect
- Kemudian pilih element/layout yang ingin Anda ketahui ukurannya
- Kemudian pilih kolom layout pada kiri bawah browser Anda
- Selanjutnya Anda tinggal melihat berapa ukuran yang sebenarnya.
Jika kurang jelas, silahkan lihat gambar berikut :
[su_spoiler title=”Firebug” style=”simple” icon=”arrow”]
[/su_spoiler]
Cara Manual
Akan tetapi, Jika Anda tidak meu install firebug tersebut Anda sanggup memakai cara manual dengan melaksanakan inspect element. Berikut tahapannya :
- Klik kanan pada halaman Anda
- Pilih Inspect Element
- Kemudian hover cursor Anda pada setiap class yang tersedia
- Setelah menemukan class yang Anda cari
- Klik dan lihat pada box model di sisi kiri bawah browser Anda
[divider style=”double” top=”5″ bottom=”5″]
[]
Sekian artikel kategori internet mengenai Cara Mengetahui Ukuran Layout Website kali ini, Semoga sanggup memberi pandangan gres kepada Anda, Terima Kasih.
Jika Ada yang ingin ditambahkan atau ditanyakan silahkan mengisi kolom komentar.
Silahkan Like Fanspage kami dan Share artikel ini Jika Menurut Anda Bermanfaat Untuk Anda dan Orang Lain.
Sumber https://bacaanku.com/
0 Response to "Cara Mengetahui Ukuran Layout Website"
Posting Komentar