Cara Mengetahui Ukuran Layout Website


Cara Mengetahui Ukuran Layout Website
Cara Mengetahui Ukuran Layout Website

Cara Mengetahui Ukuran Layout Website,-

Saat membuat sebuah website dari CMS, apapun itu pasti kita menggunakan 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 adalah supaya ketika browser melakukan compile terhadap code yang dimiliki oleh template kita tidak mengalami “kebingungan”.

Analoginya sama seperti berikut…

Ketika Anda mempunyai frame foto ukuran A4, tapi Anda hendak memasang foto ukuran f4 tentunya tidak pas bukan? sehingga ada yang harus dikorbankan, seperti…

  • Browser akan melakukan fit to size, yaitu memaksa gambar tersebut supaya sama dengan layoutnya
  • Browser memotong gambar tersebut supaya sama dengan wadahnya.

Sayangnya, kedua cara tersebut dapat 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 download plugin/addon firebug (mozilla firefox) atau untuk google chrome silahkan download disini.

Setelah instal plugin tersebut, sekarang saatnya mengoperasikannya. Ikuti langkah langkah berikut :

  1. Aktifkan firebug dengan menekan icon serangga pada kanan atas browser Anda
  2. Pilih Click an element in the page to inspect
  3. Kemudian pilih element/layout yang ingin Anda ketahui ukurannya
  4. Kemudian pilih kolom layout pada kiri bawah browser Anda
  5. Selanjutnya Anda tinggal melihat berapa ukuran yang sebenarnya.

Jika kurang jelas, silahkan lihat gambar berikut :

LIKE JIKA MENURUTMU BERMANFAAT :
Artikel Bermanfaat dan Menghibur Lainnya :
REAKSI KAMU?
Bagikan Votingmu!!
0
0
0
0
0
0
0
0
0
0
Choose A Format
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Image
Photo or GIF
Gif
GIF format

Send this to a friend