Entri yang Diunggulkan

Program Trial 90 Hari Affinity Ada Lagi

Menampilkan postingan yang diurutkan menurut relevansi untuk kueri firefox. Urutkan menurut tanggal Tampilkan semua postingan
Menampilkan postingan yang diurutkan menurut relevansi untuk kueri firefox. Urutkan menurut tanggal Tampilkan semua postingan
30 Apr 2014

Inilah Tampilan Mozilla Firefox yang Baru

30 Apr 2014  Iskandar Dzulkarnain  20 komentar
Mozilla Firefox adalah browser yang banyak digunakan oleh pengguna internet. Selain kemampuannya yang powerful, Mozilla Firefox ini juga didukung oleh banyak add-ons.

Ternyata pada update terbarunya, Mozilla Firefox mengusung tampilan yang berbeda dengan versi sebelumnya. Tampilan yang baru hampir sama dengan tampilan Google Chrome. Penasaran, bukan? Berikut ini adalah ulasan tampilan Mozilla Firefox versi 29.

Baca juga: Kustomisasi Tampilan Mozilla Firefox 29

Tampilan Mozilla Firefox Versi 29

Berikut ini adalah tampilan secara keseluruhan perbandingan Mozilla Firefox versi 28 dan versi 29.

Firefox versi 28

Firefox versi 29

Terlihat banyak perbedaan di versi 29. Jika dibandingkan dengan tampilan Google Chrome, Firefox sepertinya banyak mengadopsi Chrome. Selain tab yang hampir sama, menu bagian kanan atas juga sama.

Chrome vs Firefox

Namun, saya lebih suka menu yang disajikan oleh Firefox. Saya lebih mudah dan cepat untuk melakukan navigasi dengan bantuan ikon-ikon yang disediakan. Berikut ini adalah tampilan ikon History dan ikon Developer ketika diklik.

Developer

History

Tampilan Inspect Elements pada Firefox juga berubah dari sebelumnya. Tampilannya lebih flat.

Inspect Elements

Cara Mudah Update Mozilla Firefox

Bagi kamu pengguna Firefox di Mac OS X, kamu bisa dengan mudah melakukan update dengan mengeklik menu atas "Firefox" lalu klik pada "About Firefox".

Update Firefox

Mudah bukan? Selamat mencoba :)
Selengkapnya
15 Nov 2017

Pengalaman Mencoba Firefox Quantum

15 Nov 2017  Iskandar Dzulkarnain  2 komentar
Mulai hari ini, kamu bisa mencoba browser Mozilla Firefox yang baru. Nama Firefox tersebut adalah Firefox Quantum (versi 57.0). Apa sih kelebihan dari browser Firefox yang baru ini? Kelebihannya cukup banyak jika dibandingkan dengan Firefox sebelumnya.


Fitur Screenshot

Salah satu fitur yang saya sukai dari Firefox Quantum ini adalah "Take a Screenshot". Fitur ini banyak sekali dipakai oleh banyak blogger dalam aktivitasnya. Bahkan dulu saya memasang plugin tambahan untuk bisa men-screenshot halaman secara penuh, karena memang tidak ada fitur di komputer yang bisa men-screenshot halaman yang panjang dan terbatas oleh scroll.

Klik titik tiga untuk memunculkan menu ini

Pilihan jenis screenshot

Ada pilihan untuk download dan upload hasil screenshot

Dengan fitur bawaan ini blogger akan sangat terbantu. Tak hanya itu, masih ada beberapa kelebihan lainnya di Firefox Quantum ini.

Performa yang Meningkat Tajam

Firefox Quantum jika dibandingkan dengan Firefox sebelumnya, Firefox Quantum 2x lebih cepat. Saya sudah membandingkan sendiri memang Firefox Quantum ini lebih terasa enteng saat digunakan untuk browsing dan membuka banyak tab. Bahkan pihak Mozilla juga mengklaim bahwa Firefox Quantum ini lebih ringan 30% dari Google Chrome. Untuk kamu yang menggunakan banyak browser (seperti saya) akan tahu bahwa saat ini Google Chrome adalah browser yang paling boros dalam alokasi pemakaian RAM.

Tak hanya itu saja sih, Mozilla juga mengatakan bahwa Firefox Quantum ini tetap akan mulus saat kamu membuka 10 atau 1.000 tab. Nah, untuk klaim yang ini saya belum mencoba hingga 1.000, saya hanya mencoba hingga sekitar 10 tab saja. Tapi sepertinya ini juga tergantung perangkat komputernya juga. Semakin bagus spesifikasinya, tentu semakin mulus dalam membuka 1.000 tab Firefox Quantum.

Banyak Fitur untuk Web Developer

Bagi kamu yang bekerja sebagai web developer, Firefox Quantum ini akan memanjakanmu dengan banyaknya fitur yang dimiliki. Kamu bisa melihat apa saya yang disediakan pada gambar berikut.


Fitur Lainnya

Banyak lagi fitur lainnya yang bisa kamu temukan di Firefox Quantum ini dengan cara mengeksplorasinya lebih dalam. Misal, kamu bisa mengubah tema gelap saat kamu melakukan Inspect Element sedangkan tema dasarnya adalah terang, atau sebaliknya.

Jika kamu penasaran dengan Firefox Quantum ini, kamu bisa download browser ini di halaman ini. Selamat bereksplorasi!
Selengkapnya
7 Mei 2014

Kustomisasi Tampilan di Mozilla Firefox 29

7 Mei 2014  Iskandar Dzulkarnain  Beri komentar
Tampilan Mozilla Firefox versi 29 ini memang beda dengan tampilan sebelumnya. Beberapa orang memujinya, namun beberapa orang lainnya tidak begitu suka dengan tampilan baru Mozilla Firefox.

Beberapa orang yang tidak suka dengan tampilan baru Mozilla Firefox ini mengira bahwa tampilannya akan paten seperti itu. Padahal, ada kustomisasi tampilan sesuai yang kamu butuhkan. Salah satu contohnya adalah pada Mozilla Firefox 29, menu bar di bagian atas dihilangkan dan gaya judul di jendela tidaklah penuh. Beberapa orang mengira hal itu tidak dapat diubah, padahal bisa.

Berikut ini adalah cara mudah melakukan kustomisasi tampilan Mozilla Firefox 29.

Kustomisasi Tampilan Mozilla Firefox 29

Beberapa hal yang biasanya membuat orang tidak suka dengan tampilan baru Mozilla Firefox 29 adalah hilangnya menu bar atas dan judul jendela tidak penuh. Berikut adalah langkah cara menampilkan keduanya.

Menu Kanan Atas

Klik pada tombol menu kanan atas (nomor 1) pada Mozilla Firefox. Lalu klik pada "Customize" (nomor 2). Kemudian akan muncul jendela kustomisasi seperti di bawah ini.

Kustomisasi Mozilla Firefox

Kamu bisa mengeklik "Title Bar" (nomor 3) untuk memunculkan judul secara penuh di jendela Mozilla Firefox (nomor 4). Untuk menampilkan menu bar, klik pada bagian "Show / Hide Toolbars" (nomor 3). Hasilnya akan menampilkan menu bar seperti tampilan pada nomor 5. Mudah, bukan?

Selain itu, kamu bisa melalukan drag and drop ikon dan mengatur posisinya pada menu kanan atas. Penasaran? Silakan mencoba :)
Selengkapnya
7 Agu 2013

Fullpage Screenshot Tanpa AddOns di Mozilla Firefox

7 Agu 2013  Enny Law  4 komentar
Sebagai seorang blogger, fullpage screenshot terkadang dibutuhkan untuk kasus-kasus tertentu, misalnya screenshot template yang telah dibuat. Screenshot template biasanya fullpage untuk mengetahui seluruh elemen dari template tersebut. Sayangnya untuk melakukan fullpage screenshot ini tidaklah mudah seperti melakukan screenshot layar desktop. Namun, kini Mozilla Firefox memberikan fasilitas tersebut. Kemarin sempat aku cari fitur ini di browser lainnya seperti Google Chrome, Opera, dan Safari; ternyata tidak ada. Ada fitur ini di Google Chrome namun menggunakan plugin tambahan. Untuk di Mozilla Firefox, fitur ini merupakan fitur bawaan. Menarik bukan? Penasaran ingin mencobanya? Ikuti langkah-langkah berikut!

Langkah-langkah Fullpage Screenshot

1. Buka Mozilla Firefox kamu.
2. Buka halaman situs yang akan kamu screenshot, misal: Facebook, Google, atau Iskael.com.
3. Pastikan halaman sudah termuat semua.
4. Tekan Shift F2.
5. Kemudian akan muncul Developer Toolbar seperti di bawah ini.

Command Line Firefox

6. Ketik screenshot iskael --fullpage.
7. Tekan Enter.
8. Kemudian cari gambar iskael.png di folder Downloads yang kamu atur di Mozilla Firefox.
9. Ketemu? Berikut adalah hasil screenshot yang aku lakukan.

Hasil fullpage screenshot Iskael.com

10. Ulangi untuk mencoba lagi, dengan nama file lainnya, ketik screenshot namafile --fullpage.

Parameter Screenshot Lainnya

Tak hanya itu, selain fullpage, kamu juga bisa menggunakan parameter lainnya. Parameter lainnya antara lain:

1. Clipboard

Parameter clipboard ini fungsinya untuk menyimpan salinan ke memori komputer. Untuk memunculkannya, kamu bisa membuka software editor gambar seperti Paint, Adobe Photoshop, Adobe Illustrator, atau lainnya lalu tekan Ctrl V (Paste). Parameter clipboard ini berguna untuk memilih format sesuai yang kita inginkan tergantung software editor gambar yang kamu punya, karena biasanya Mozilla Firefox akan otomatis menyimpan dalam format PNG (ukuran file relative besar).

2. Chrome

Parameter chrome ini berguna untuk melakukan screenshot sekaligus dengan tampilan jendela Mozilla Firefox-nya juga. Berikut adalah hasil screenshot menggunakan parameter chrome.

Hasil screenshot parameter chrome

3. Delay

Parameter delay digunakan untuk melakukan jeda waktu antara pencuplikan halaman dengan perintah yang kamu masukkan melalui Developer Toolbar. Satuan delay dalam detik.

4. Selector

Parameter selector ini digunakan untuk mencuplik bagian tertentu dari sebuah situs secara presisi. Misalkan aku ingin mencuplik bagian #PopularPosts1 dari situs Iskael. Berikut adalah hasilnya.

#PopularPost1

Menarik bukan? Parameter selektor ini sangat cocok bagi pengembang template untuk mempermudah kerjanya. Ingin mencobanya? Silakan :)
Selengkapnya
29 Jul 2013

Mendeteksi Website Responsive dengan Mozilla Firefox

29 Jul 2013  Iskandar Dzulkarnain  1 komentar
Tampilan website responsive akhir-akhir ini banyak digandrungi oleh developer maupun penikmat website. Kelebihan dari tampilan responsive ini adalah kita tidak perlu mendesain ulang website di media ataupun perangkat yang berbeda. Umumnya tampilan responsive diperuntukkan perangkat mobile yang memiliki ukuran berbeda-beda.

Banyak developer website yang berlomba-lomba membuat inovasi dalam tampilan responsive-nya. Ada yang hanya menggunakan CSS3 saja untuk menghasilkan tampilannya responsive, ada juga yang menambahkan sedikit JavaScript untuk menambah nilai interaktif sebuah website.

Ada banyak hal yang menarik dari tampilan responsive ini, namun tentu menambah beban developer website dalam mengembangkan website sejalan dengan perkembangan teknologi di dunia website. Awalnya, banyak developer yang beranggapan bahwa tampilan responsive itu tanggung jawab pembuat perangkat. Namun, lambat laun paradigma itu berubah. Akhir-akhir ini sebagian besar developer berpendapat bahwa membuat tampilan responsive itu tugas developer.

Banyak situs yang mempermudah kerja developer ini untuk mendeteksi tampilan responsive sebuah website. Coba saja kamu cek di Google, dengan kata kunci "Responsive Tools". Tentu kamu akan menemukan banyak situs yang menyediakan perangkat untuk mendeteksi tampilan responsive. Tak hanya itu, beberapa minggu yang lalu aku juga sempat iseng membuat Responsive Tools sendiri yang kuletakkan di situs profil pribadiku. Berikut adalah Reponsive Tools bikinanku sendiri.

Responsive Tools bikinan Sendiri


Responsive Tools bikinan sendiri

Cara menggunakannya amatlah mudah. Kamu masukkan saja URL situsmu, lalu klik GO.Nantinya akan muncul banyak ukuran standar perangkat mobile maupun desktop yang ada saat ini. Ingin mencoba? Kunjungi laman Responsive Tools ini.

Tak hanya itu, Mozilla Firefox juga menyediakan fitur yang mendukung kamu untuk mendeteksi tampilan responsive website tanpa mengunjungi website lain. Berikut adalah ulasannya.

Responsive Tools bawaan Mozilla Firefox


Responsive Tool bawaan Mozilla Firefox

Gambar di atas adalah salah satu contoh blog yang menggunakan template responsive bikinanku. Dengan fitur yang ada di Mozilla Firefox ini kamu dapat mengubah  kueri media sesuai keinginanmu. Gunakan tombol "rotate" untuk mengubah mode "potrait" ke "landscape" ataupun sebaliknya. Untuk menikmati fitur ini, kamu cari di Tools > Web Developer > Responsive Design View.

Cara mengaktifkan Responsive Design View

Selain itu kamu juga dapat menggunakan shortcut key Ctrl Shift M untuk Windows dan Linux, Command Option M untuk Mac OS X. Menarik bukan fitur ini? Silakan mencoba :)
Selengkapnya