Personal Playground of Aris FM
Google Libraries API adalah sebuah CDN server yang menyediakan berbagai javascript library populer seperti jQuery, YUI, MooTools dan lain-lain. Kita bisa menggunakan berbagai library yang tersedia di situs kita secara gratis. Berikut ini adalah daftar javascript library yang didukung oleh Google API:
Ketika sedang iseng membuka-buka file-file lawas, saya menemukan template HTML ini, Minimalist Tumblr Theme dari PSDFreemium. Daripada hanya menganggur di harddisk lebih baik saya upload saja, siapa tahu berguna.
Inilah screenshot dari template-nya, klik gambar untuk melihat live demo.
Sebenarnya saya ingin mengubahnya menjadi theme Tumblr betulan atau bahkan WordPress, tapi, lagi-lagi alasan klasik, malas :D. Jadi kalau ada yang mau membuatnya menjadi theme betulan saya sungguh berterima kasih. Silakan bagi yang tertarik untuk mengunduh untuk mengklik tautan di bawah ini :
Walaupun blog ini seringkali berganti desain, tapi desain blog ini di perangkat mobile dari dulu tidak pernah berubah. Saya sepenuhnya hanya mengandalkan plugin bernama WordPress Mobile Pack yang otomatis mengubah desain blog menjadi versi mobile. Alasan utamanya adalah kepraktisan, dengan plugin ini saya tidak perlu repot-repot mendesain lagi. Lagipula tidak terlalu banyak pengunjung yang mengakses blog ini via perangkat bergerak.
Hanya saja ada satu masalah yang cukup mengganggu dengan pemakaian plugin ini, yaitu desain yang monoton. WordPress Mobile Pack hanya menawarkan satu desain dengan beberapa variasi warna saja. Blog ini dan sekitar 250.000 ribu blog pengguna WordPress Mobile Pack lainnya akan tampil seragam ketika dibuka di peramban seluler. Tidak bagus tentu saja, saya ingin desain yang unik dan berbeda dengan yang lain.
Berbekal motivasi ingin tampil beda, akhirnya saya memutuskan untuk mendesain ulang blog ini. Konsep desain kali ini adalah “mobile first“, artinya saya lebih memfokuskan desain untuk perangkat bergerak.
Saya menggunakan CSS3 Media Queries untuk membuat layout desain menjadi responsif. Layout akan berubah secara otomatis menyesuaikan lebar layar. Coba resize jendela peramban anda untuk melihat tampilan blog ini dalam berbagai ukuran.
Sejauh ini saya baru menguji desain dengan Opera Mobile Emulator dan ponsel saya. Hasilnya sejauh ini cukup optimal, tapi mungkin saja layout akan berantakan jika diakses melalui peramban mobile yang belum mendukung CSS3.
Catatan: Judul posting diubah atas rekomendasi dari Donny Verdian
Kalau dalam posting kemarin saya berbagi template Clean Corporate Site, kali ini saya akan menuliskan tutorial pembuatannya. Dalam tutorial ini kita akan sedikit belajar tentang animasi jQuery Slider.
Inilah hasil akhir dari template yang akan kita buat. Klik gambar untuk melihat live demo-nya.
read full post »
Ketika melihat tutorial desain web situs perusahaan di situs Desain Digital, saya sangat tertarik melihat hasil akhirnya. Alhasil, ketika ada waktu luang, saya menyempatkan diri untuk mengonversi file PSD hasil tutorial itu menjadi template HTML/CSS.
Dan inilah hasil akhirnya. Klik gambar untuk melihat live demo-nya.
Klik gambar untuk melihat live demo-nya
Animasi slider dibuat dengan plugin jQuery Tools Scollable. Tutorialnya segera menyusul kalau ada waktu luang, mudah-mudahan minggu depan bisa publish.
Silakan download template-nya dengan mengklik tombol di bawah ini: