MEMAHAMI KONSEP DAN PENGGUNAAN WEB - SAFE FONT

Ada satu perbedaan sangat mencolok dalam mendesain web dibandingkan desain untuk media print / cetak: kompatibilitas / ketersediaan font.

Dalam desain untuk media print, anda bisa menggunakan font apa saja yang anda inginkan. Ketika desain tersebut dicetak ke media yang diinginkan, semuanya beres.

Hal berbeda terjadi untuk media web (dan kebanyakan media digital lainnya). Anda tidak bisa menggunakan sembarangan font untuk desain anda (kecuali anda menggunakan text replacement, image replacement atau @font-face nya CSS3 – kita bahas belakangan dalam tulisan ini). Hal ini dikarenakan sistem kerja media web sendiri: saat anda mendesain sebuah halaman html, halaman tersebut menggunakan font yang tersedia di sistem operasi anda. Saat halaman html tersebut diakses dan dibuka di komputer pengguna (komputer lain), font yang digunakan pada halaman html tersebut belum tentu tersedia di komputer pengguna. That’s the problem.

Karena permasalahan ini, muncul lah konsep web-safe font.

Sederhananya, web-safe font adalah font yang hampir pasti akan tersedia di semua komputer karena disediakan by default oleh sistem operasi yang digunakan (Windows, Mac & Linux). Dan jika tidak tersedia, setidaknya terdapat font “padanan”-nya yang dapat menggantikan font tersebut.

Untuk daftar lengkap web safe font ini, ampsoft.net memiliki tabel lengkap web safe font lengkap dengan perbedaan minor di berbagai browser.

Sedangkan bagi saya pribadi, web-safe font set yang paling sering saya gunakan adalah:

• Serif: Georgia
• Sans-Serif: Arial, Verdana

Yap, hanya itu saja. Tiga font diatas adalah web-safe font yang paling sering saya gunakan. Dengan pengaturan CSS yang baik, tiga font diatas sudah berperan dengan cukup baik sebagai body text.

Tidak bisakah desain web menggunakan font lain?

Kebutuhan untuk menggunakan font lain selain web-safe font atas dasar keunikan web memicu banyak desainer dan pengembang web menciptakan berbagai teknik yang memungkinkan mereka untuk menggunakan font-font lain selain web-safe font dalam desain-desain mereka tanpa perlu dikhawatirkan dengan ketersediaan font di komputer pengguna. Terdapat banyak sekali teknik untuk menggunakan custom font, namun saya pribadi lebih sering menggunakan tiga teknik ini:

1. Image Replacement – idenya adalah “menyembunyikan” teks lalu menggantinya dengan gambar menggunakan CSS. Efisien untuk logo situs atau teks yang akan sangat jarang berubah. Kekurangannya adalah tidak fleksibel: untuk mengganti tulisan, anda harus mengeditnya melalui image processing software, edit css, save, upload, tidak praktis.
2. Cufon – Konsepnya begini: mereplace text dengan image (CMIIW) yang digenerate menggunakan JavaScript. Lebih fleksibel karena text bisa diedit langsung menggunakan text editor sedangkan replacement berlangsung on the fly di browser pengguna dengan menggunakan JavaScript. Kekurangannya adalah tidak efisien untuk digunakan pada body text karena menggenerate markup tambahan (yang setahu saya jadi kurang oke untuk SEO) sehingga penggunaannya terbatas pada heading saja.
3. font embedding menggunakan @font-face (CSS3) – CSS3 adalah perkembangan termutakhir (untuk saat ini) dari CSS. Konsepnya adalah CSS dapat “mengembedd” font dari server sehingga browser akan turut membawa font seiring dengan halaman web dan menggunakan font tersebut untuk “membentuk” tampilan halaman web. Kekurangan teknik ini hanya satu: masih banyak sekali pengguna internet yang menggunakan browser yang belum kompatibel dengan CSS3. Jadi teknik ini bisa dikatakan “solusi masa depan yang sudah dapat mulai diaplikasikan dari sekarang“.

sumber :
http://outstando.com/memahami-konsep-penggunaan-web-safe-font/

ANALISA DAN OPTIMASI WEBSITE

Keberhasilan beberapa blog/situs populer bukan karena kejeniusan mereka memainkan SEO dan Keyword, bukan juga karena content yang mereka tulis memang merupakan materi populer, tapi banyak sekali faktor-faktor yang menentukan, ini sebaiknya yang harus kita cermati sekaligus dipelajari jika ingin blog kita benar2 bisa sejajar dengan blog/situs populer lainnya. Cara inilah yang selalu saya lakukan bila setiap kali menemukan situs2 populer, saya selalu melakukan riset, mempelajarinya, lalu mencoba mengakses keberbagai data statistik mereka. Dan cara ini lumayan berhasil dari pada saya harus menghabiskan waktu mempelajari keyword utama mereka, apalagi sampai membuat duplikat konten terbaik pada situs populer tersebut.

Nah, daripada tanya sana-sini gak jelas, lebih baik saya sarankan kita mencoba menganalisa statistik halaman mereka secara langsung. Caranya mudah saja, coba pelajari statistik halaman kita sendiri terlebih dahulu, sekarang coba bandingkan dengan beberapa halaman web populer lainya. Lihat dan coba perhatikan statistik web mereka, misalkan dengan membandingkan kecepatan loading page, bandingkan jumlah karakter keyword dan deskripsi yang mereka gunakan, pada layanan populer mana saja halaman mereka teridex bla..bla.. dan tentu saja masih banyak lagi yang harus kita pelajari. Yang jelas, semakin sering kita melakukan riset, semakin banyak pula ilmu untuk memudahkan kita menemukan jawabannya.

Mengapa anda menganalisa website? Apa tujuannya ? dan apa fungsinya ?. Pertanyaan-pertanyaan ini muncul mungkin karena anda belum mengetahui maksud dan tujuannya.

Saya akan mencoba menjelaskannya

Tujuan analisa website

Tujuan menganalisa suatu website adalah mengetahui semua peringkat/rangking suatu website dilihat dari tingkat kepopulerannya, sehingga dapat diketahui kekurangan apa yang harus diperbaiki untuk mendapatkan web yang optimal. Selain itu mengetahui prediksi suatu website dalam hal : kisaran harga website ( marketplace) serta berapa kisaran pendapatan yang dihasilkan website tersebut dalam periode tertentu.

 

Apa saja yang diperhatikan dalam analisa suatu website

Banyak hal yang perlu diperhatika,antara lain :

1. Link Popularity
2. Backlink
3. Meta Tag
4. Pemilihan Keyword yang tepat
5. Ranking Pagerank,Alexa
6. Optimasi HTML
7. Informasi server
8. Data domain
9. Informasi IP address 
10. Robot.txt
11. Dan lain - lain

Dibawah ini merupakan beberapa tools terbaik yang biasa digunakan untuk melakukan riset dan mencoba menganalisa halaman-halaman web/blog target, silahkan dicoba aja dulu:

Pageboss mampu menganalisa halaman blog dengan lengkap dan sukup mendetail, kita bisa melihat beberapa informasi penting diantaranya site ranking dan kualitas trafik dari beberapa search engine dan layanan statistik populer lainnya.

http://en.pageboss.com/

Cara kerja Seorush hampir mirip dengan Pageboss, sayang halaman yang ditayangkan tidak begitu detail. tapi lumayan juga sebagai tool pembanding.

http://ww.seorush.com/

Pagesmasher juga memberikan analisa yang sangat lengkap, setiap analisa ditayangkan berdasarkan tab tersendiri. sayangnya beberapa alamat domain kadang ada yang tidak support.

http://www.pagemasher.com/

Bila dicermati, layanan URLMetrix ini sangat berguna sebagai media pembanding, dan apa saja yang perlu kita tingkatkan untuk bisa menyamai keberadaan seperti blog popular lainnya.

http://www.urlmetrix.com/

layanan Page Speed Test ini mampu memberikan informasi lengkap dalam mengalisa setiap ukuran image yang kita gunakan pada halaman web.

http://tools.pingdom.com/

Jangan bangga dulu dengan tampilan desain template kita saat ini, sebagus apapun kalau cuman bagusnya di firefox doank kan percuma hehehe. jadi selalu gunakan layanan Browsershots sebagai tools pembanding apakah tampilan blog/site kita sudah tampil sesuai harapan jika ditampilkan menggunakan web browser yang berbeda.

http://browsershots.org/

Tool ini termasuk web page speed report yang akurat, dan ada banyak sekali informasi yang tayangkan. Selain hanya menyampainkan informasi penting pada halaman web yang dianalsis, kita juga diberikan solusi serta pemecahan masalah.

http://www.websiteoptimization.com/services/analyze/

Tools analisis web dan SEO yang terbilang sangat kompleks dimana layanan ini dikemas kedalam satu paket all in one.

http://tester.jonasjohn.de/

Sumber :

http://www.creativebrain.web.id/media.php?action=readnews&id=49&title=10%20Web%20Tools%20untuk%20Menganalisa%20Website%2FBlog

http://www.tipsntrick.net/tips-and-trick/seo/285-analisa-dan-optimasi-website

Amerika Rancang Dua Superkomputer 20 Petaflop

Para insinyur di Amerika tak mau tinggal diam begitu superkomputer dari Negeri Paman Sam itu dikalahkan China. Dua superkomputer yang tengah dibangun di Amerika saat ini diklaim bakal menghasilkan kinerja jauh di atas kemampuan superkomputer tercepat di dunia buatan China saat ini.

Dua superkomputer yang tengah dirancang para insinyur di Amerika didesain mampu melakukan 20 petaflop (20 triliun kalkulasi/perhitungan per detik). Kecepatannya bakal jauh di atas Tianhe-1, nama superkomputer China yang nangkring di daftar teratas 500 komputer tercepat saat ini dengan kinerja hingga 2,57 petaflop. Salah satu superkomputer dibangun di Oak Ridge National Laboratory, lokasi yang sama dengan superkomputer Jaguar yang menempati peringkat dua dunia saat ini. Superkomputer kedua dibangun di Lawrence Livermore National Laboratory oleh IBM. Namun, kedua sistem diperkirakan baru selesai pada 2012.

Dalam daftar Top 500 yang baru saja dirilis, China tidak hanya mencatat superkomputer tercepat tapi juga memasukkan 42 superkomputer di dalamnya melampaui negara maju seperti Jepang, Jerman, dan Inggris. Amerika masih mendominasi dengan 275 dari 500 superkomputer dalam daftar tersebut. Prosesor Intel masih menjadi pilihan prosesor sebagian besar superkomputer. Dari 500, 398 menggunakan rangkaian prosesor Intel. Sementara AMD hanya digunakan 57 superkomputer. Sebagian besar termasuk buatan China pun masih menggunkan chip buatan perusahaan Amerika termasuk dukungan GPU seperti buatan Nvidia.

sumber :

http://www.bloggersantai.com/2010/11/amerika-rancang-dua-superkomputer-20-petaflop.html