Google font API

Google baru-baru ini mengeluarkan layanan barunya untuk para web master untuk memperkaya khasanah font pada penggunaan di web, atau istilahnya web font. Penggunaan web font biasanya untuk menambah keunikan pada website dari sisi estetika, yaitu berupa jenis tulisan (font) yang berbeda dengan jenis font standar web pada umumnya, seperti yang sobat kenal jenis font "Tahoma, Arial, Times New Roman". Penggunaan web font mulai trend saat ini karena umumnya untuk mendapatkan jenis font yang unik biasanya para web designer menggunakan image atau gambar untuk mendapatkan jenis font yang di inginkan, atau juga dengan menggunakan teknik @fontface yang diembed pada halaman web, sebenarnya teknik @fontface sudah mulai banyak digunakan juga oleh web designer.  Kali ini google juga memberikan suatu solusi dengan google font api untuk para web designer selain menggunakan teknik @fontface dimana menurut mereka beberapa keuntungan menggunakan google font api adalah :
1. A choice of high quality open source fonts
2. Works in most browsers. (bekerja di semua browser)
3. Extremely easy to use ( Sangat mudah digunakan)

Google juga memberikan pilihan jenis font yang bisa digunakan pada setiap halaman website kita, berikut contoh style font pada  google font directory :




Bagaimana cara menggunakan google font api pada halaman web?

Menggunakan google font api tidak membutuhkan waktu yang lama untuk bisa di gunakan pada halaman web kita, hanya membutuhkan 2 tahap untuk bisa menggunakan google font api :

1. Embed pada halaman web link stylesheet web font yang ingin digunakan :

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">


2. Tambahkan pada elemen stylesheet web yang font yang digunakan

CSS selector {
font-family: 'Font Name', serif;
}

Untuk penerapan lebih detilnya google font API bisa dilihat pada getting started google font API.

5 Free CSS Sprite Generator

Sudah lama saya ga membahas mengenai web design di blog matre ini, dan saya juga mohon maaf buat sobat blogger karena memang beberapa bulan belakangan ini saya sangat di sibukkan, sehingga jarang membalas komentar yang masuk maupun berkunjung balik ke blog sobat. Buat sobat blogger yang tertarik dan menekuni web design pasti tidak asing lagi dengan teknik CSS sprites yang mengoptimalkan penggunaan image sehingga loading page web site atau blog akan menjadi cepat dan hal ini sangat berpengaruh pada performance website baik dari segi hal traffik maupun pagerank karena pernah saya baca artikel dari suhu jalooe mengenai kecepatan loading website merupakan salah satu kriteria yang di masukkan ke dalam algoritma perhitungan pagerank oleh om google, dan saya juga pernah baca juga di artikel beliau mengenai teknik css sprite yang merupakan salah satu cara untuk mengoptimasi kecepatan loading blog.
Teknik CSS sprites memang lumayan sulit karena teknik ini mengabungkan beberapa gambar tersebut ke dalam satu gambar, tetapi ada hal yang menguntungkan dengan menggunakan teknik css sprite ini adalah:

Menggunakan satu gambar yang intinya irit bandwith karena hanya satu request ke url penyimapanan image di bandingkan dengan penggunakan banyak image yang lebih boros bandwith karena meminta lebih dari satu request ke url penyimpana masing-masing gambar.
Less images = Less http requests = faster loading 

Kerugian menggunakan teknik css sprite ini adalah tidak semua browser mendukung teknik css sprite namun saya rasa untuk masa akan datang pasti akan ada improvement untuk browser tersebut untuk mendukung teknik css sprites.

Nah, buat para webmaster di bawah ini saya akan melist CSS sprites generator yang tentunya akan membuat efisiensi waktu dalam pembuatan image yang di gabungkan menjadi satu.

 1. css-sprit.es

 2. CSS Sprite Generator

 3. spriteme

 4. spritegen

 5. spritr

Semua css generator di atas bisa sobat coba untuk mengoptimasi kecepatan blog dengan menggunakan teknik css sprite. Silahkan sobat bereksperimen dengan menggunakan tool free css generator online di atas. Happy blogging.

Atasi broken link dengan link checker

Sebuah link memang merupakan salah satu kekuatan dalam praktek SEO, khususnya buat para webmaster yang ingin website yang mereka kelola dalam hal SEO di katakan berhasil, banyak cara yang di lakukan webmaster seperti membangun kekuatan link (link building) untuk bisa mempertahankan posisi SEO mereka dalam puncak teratas mesin pencari seperti google, yahoo, msn dan lain-lan. Namun kadang kala link juga bisa menjadi petaka apabila tidak dikelola dengan baik benar, misal banyak broken link pada website kita sehingga selain mengecewakan pengunjung karena tidak menemukan alamat URL yang di tuju broken link dapat juga merusak SERP website kita, karena algoritma mesin pencari tidak menyukai broken link sehingga bisa berakibat fatal buat pagerank dan berkurangnya traffik ke website. Dengan manajemen link maka diharapkan kondisi tersebut tidak kita ketemui salah satu nya adalah menggunakan link checker, dengan tools tersebut kita bisa mengelola link agar broken link tidak kita temui dalam website kita. Berikut di bawah ini layanan link checker yang gratisan alias tidak berbayar (free).

1. Link Tiger.

Salah satu layanan link checker yang sangat populer, fasilitas yang diberikan adalah layanan email alert jika menemukan broken link di website kita.

2. W3C Link Checker

Buat para webmaster pasti sudah tidak asing mendengar W3C (World Wide Web Consortium) yang merupakan tempat belajar atapaun standard web design. W3c mempunyai validator untuk link checker.

3. Creating Online

Merupakan salah satu layanan situs buat webmaster yang menyediakan tool free link checker dengan cara memasukkan link yang ingin kita check. 

4. The working webmaster

Merupakan salah satu situs resources untuk para webmaster dengan beragam tool yang di sediakan, salah satunya adalah tool untuk mengetahui broken link

Tool link checker di atas bisa membantu sobat blogger dalam mengelola link agar dalam strategy SEO bisa berjalan tanpa adanya broken link, karena kekuatan link merupakan salah satu role vital dalam praktek SEO. Semoga bermanfaat.