Pengantar LESS - Dynamic Preprocessor Stylesheet

Bismillah. Alhamdulillah. Cukup lumayan lama pernulis bermain-main dengan kosakata dalam bahasa CSS sehingga memunculkan berbagai keinginan, baik keinginan dalam mengikuti perkembangan bahasa CSS untuk mengenalinya lebih jauh, maupun keinginan cara penulisan kosakata CSS yang lebih mudah dan cepat. Kemudian penulis melakukan penelusuran untuk mencari alat atau perangkat lunak yang bisa digunakan dalam menulis kosakata bahasa CSS dengan lebih cepat dari pada cara primitif, awal pencarian ditemukanlah bahasa SASS (Syntactically Awesome Stylesheets) yang merupakan cikal bakal dari pengembangan bahasa-bahasa Preprocessor Dynamic Stylesheet, namun SASS ternyata kurang bersahabat bagi mereka-mereka yang belum terbiasa dengan Ruby atau Compass. SASS dikembangkan oleh Hampton Catlin yang terinspirasi dari bahasa Haml (HTML abstraction markup language) yang juga dikembangkan oleh pengembang SASS. Penelusuran dilanjutkan dan bertemulah dengan LESS yang dibuat dan dikembangkan oleh Alexis Sellier atau lebih dikenal dengan cloudhead. Ternyata selain LESS ada juga bahasa Preprocessor CSS lainnya yaitu Stylus.

Kreatifitas Blogger yang Kebablasan

Bismillah. Sungguh sangat disayangkan dengan tingkah laku Blogger Cloning jika kemudian hasil cloning-nya tersebut diperjualbelikan. Saya secara pribadi sebagai seorang penulis tutorial blog juga tidak bisa memungkirinya, kadang atau bahkan sering melakukan CTRL-U untuk melihat source code yang digunakan, dipelajari bagaimana cara kerjanya dan kemudian direkayasa sesuai imajinasi yang kita miliki. Namun "TIDAK PERNAH MENJUALNYA" karena hal itu merugikan pelaku cloning.

Peralatan Desain Web Responsif

Sekarang kita sudah memahami tentang Unsur Dasar Desain Web Responsif, dengan harapan memahami konsep dasar yang harus dilakukan ketika akan memulai belajar lebih jauh mengenai desain web yang responsif. Berkembangnya perangkat keras untuk mengakses situs membuat para desainer harus mencari solusi terbaik agar halaman-halaman situs mampu dinikmati oleh para pengunjung tanpa kendala yang berarti. Joshua Johnson mengatakan bahwa "Apple mendorong industri teknologi maju dengan meningkatkan pixel density (kepadatan pixel) pada layar iPhone dan iPad. Hal ini bagus dari sudut pandang pengguna, tetapi sebagai web designer atau web developer secara harfiah hal ini merupakan ancaman dan pemaksaan agar mengubah cara Anda membangun website." Pernyataan Joshua tersebut menggambarkan bahwa para web desainer cukup kerepotan dalam menciptakan website yang mampu beradaptasi dengan perangkat keras yang ada dipasaran. Namun ternyata hal tersebut bukanlah rintangan berarti, ini justru membuat para web desainer menjadi lebih kreatif lagi menciptakan peralatan (tools) untuk membangun desain web yang lebih mudah dan lebih responsif.

Integrasi Google Analytics Pada Blogger

Sejak Blogger memperkenalkan tampilan Dinamis semakin hari BlogSpot semakin mendekati platform blog yang sesuai dengan keinginan penggunanya. Semakin menarik, semakin lengkap dan semakin mudah, mungkin itulah yang ingin diberikan developer Blogger kepada penggunanya. Walau kadang perubahan tersebut cukup merepotkan penggunanya dalam melakukan update kode. Salah satu kemudahan yang sekarang diberikan adalah integrasi Google Analytics pada Blogger. Sebelumnya para pengguna BlogSpot harus memasukan kode Web Analytics secara manual kedalam template, namun sekerang Blogger menyediakan form khusus yang lebih sederhana. Bagi sebagian Blogger hal tersebut tidaklah jadi masalah, apalagi pengguna baru platform BlogSpot mungkin tidak menyadari perubahan tersebut. Bagi anda yang termasuk pengguna lama template Blogger, walaupun Dasbor Blogger menyediakan form untuk memasukan ID Properti Web Google Analytics namun jika pada templatenya tidak tersedia kode (X)HTML integrasi dengan Google Analystics maka hal tersebut menjadi percuma.

Unsur Dasar Desain Web Responsif

Para desainer web dunia sedang hangat membahas tentang desain web responsif. Pada tingkatan tertentu, popularitas konsep desain web yang responsif menjadi agenda utama, hal ini karena semakin banyaknya pengguna di tambah beragamnya perangkat keras akses internet yang digunakan pengguna untuk mengakses halaman web. iPad, iPhone, perangkat mobile Android, desktop, netbook dan lain-lain. Ini memaksa kita masuk ke dalam sebuah masa di mana desain web harus berfungsi dalam banyak cara dan banyak perangkat. Mari kita sama-sama telusuri pengertian dan prinsip di balik desain web responsif.

Perkiraan Konversi Point ke Pixel (Em dan %)

Bagi para web desainer menentukan ukuran-ukuran didalam desain web adalah hal penting, apalagi kalau sudah berhubungan dengan media query dan media print. Namun terkadang kita bingung dengan konversi dari suatu satuan ke satuan lainnya. Berikut ini adalah tabel yang mengkonversikan point ke pixel (em dan %). Tabel dibawah ini adalah sebuah pendekatan saja, yang tergantung pada jenis font, browser dan sistem operasi yang digunakan, tapi mudah-mudahan ini merupakan titik awal yang baik dan semoga bisa membantu desain anda.

Membuat Plugin OpenSeach Untuk Blogger

OpenSearch adalah kumpulan format sederhana untuk berbagi hasil pencarian. OpenSearch digunakan untuk membuat sebuah mesin pencari yang dapat digunakan oleh aplikasi client pencarian (browser). Masih bingung juga dengan pengertian tersebut? Wajarlah, karena jika mengikuti pengertian yang diberikan oleh situs resminya memang agak sulit dimengerti. Pengertian OpenSearch tersebut memang diambil dan diterjemahkan dari situs resminya OpenSearch.org. Maksudnya, pada browser yang kita gunakan biasanya ada baris mesin pencari pada sebelah kanan atas terutama pada Firefox dan IE 7.

Memahami Threaded Comments Blogger

Sejak Blogger meluncurkan Threaded Comments, banyak sekali para pengguna BlogSpot berbondong-bondong beralih ke komentar versi "Balas" ini. Namun tidak sedikit yang berakhir kecewa karena ternyata Threaded Comments tidak bisa bekerja dengan baik, bahkan ada yang sampai akhirnya beralih ke pihak ketiga penyedia layanan komentar karena sulitnya integrasi Threaded Comments pada template Blogger. Apa dan bagaimana sebenarnya Threaded Comments? Kita akan bahas (tuntas) untuk bisa memahami tentang fasilitas Threaded Comments pada Blogger dengan harapan mempermudah para blogger untuk melakukan modifikasi kode pada templatenya.

Fix Problem Reply Threaded Comments

Beberapa hari yang lalu Blogger Tune-Up mencoba memasang Threaded Comments pada blog ini, pada mulanya semua berjalan lancar-lancar saja. Namun setelah beberapa hari pemasangan, tombol Reply/Balas tidak bereaksi apa-apa ketika di klik. Setelah menunggu satu hari dengan berharap semua membaik, namun tombol reply/balas untuk fasilitas komentar tetap tidak bekerja. Saya mengira hal ini terjadi karena pihak pengembang Blogger sedang memperbaiki fasilitas ini, namun ternyata blogger lain pun mengalami hal sama. Sempat menyampaikan pesan melalui twitter, melalui bantuan Blogger tapi tetap tidak ada solusi, maka Blogger Tune-Up mencoba mencari solusinya sendiri. Setelah melakukan pencarian diberbagai blog, terutama blog resmi dari pihak Google, maka dibawah ini ada 2 (dua) solusi yang ditemukan untuk memperbaiki masalah (Fix Problem Reply Threaded Comments) tombol reply/balas threaded comments dan 1 (satu) solusi yang ditemukan Blogger Tune-Up.

Blogger Error bX-l4u1mh

Tanggal 12 Desember 2011 banyak Blogger melaporkan telah terjadi galat pada template blogger dengan kode galat bX-l4u1mh. Hal ini muncul ketika Blogger masuk ke menu "Rancangan - Elemen Laman". Sampai dengan artikel ini ditulis, Blogger belum mengumumkan perbaikan (fix) terhadap terjadinya galat bX-l4u1mh tersebut. Terlihat dari blog Known Issues for Blogger yang menuliskan keterangan "Some users are reporting bX-l4u1mh when editing the Layout of their blog. We're investigating the issue and will report back as soon as we have more information." ditulis pada tanggal 12 Desember 2011.

Menyisipkan Kode atau Script pada Artikel Blog

Bismillah. Sebenarnya artikel tentang insert script code into blogger post atau menyisipkan kode-kode atau script kedalam artikel blog pernah dibahas pada artikel sebelumnya dengan memanfaatkan fasilitas plugin SyntaxHighlighter yang dikembangkan oleh Alex Gorbatchev. Dua artikel sekaligus telah di tulis untuk menjelaskan tentang Integrasi SyntaxHighlighter pada Blogger dan Konfigurasi SyntaxHighlighter pada Blogger. Namun pada artikel kali ini kita akan memanfaatkan fasilitas dari pihak ketiga tanpa menggunakan plugin. Pihak ketiga penyedia layanan insert code sebenarnya banyak, namun kali ini kita akan memanfaatkan fasilitas dari pastebin.com karena situs ini sudah cukup lama dan paling banyak digunakan oleh para blogger.

Aktikan dan Non Aktifkan Fitur Lightbox Blogger

Akhirnya Blogger menambahkan menu untuk mengaktifkan dan menonaktifkan fitur lightbox. Lightbox menurut keterangan Blogger yaitu "Saat diklik, gambar Anda akan terbuka dalam hamparan di bagian atas blog. Jika pos Anda memiliki beberapa gambar, gambar tersebut akan muncul sebagai thumbnail di sepanjang bagian bawah."

10 Website Pengguna JavaScript Mengagumkan

Bismillah. Alhamdulillah. Sejak diperkenalkannya framework JavaScript seperti jQuery, Mootools, Prototype dan lain sebagainya, banyak sekali para web desainer yang beralih dalam menyusun website-nya dari konten berbasis flash menjadi konten berbasis JavaSript. Efek-efek yang dibuat pada website sudah hampir meninggalkan basis flash, mereka berbondong-bondong beralih ke basis JavaScript, selain dapat memperingan load website, juga proses penulisan script yang lebih mudah dari pada menggunakan flash namun tentunya dengan hasil akhir yang tetap memukau.

Mohon Bantuan - Akun Facebook di Palsukan

Entah apa maksud orang ini sehingga melakukan pemalsuan akun. Mungkin karena saya punya salah dimasa lalu atau mungkin bentuk sentimen pribadi saja, yang jelas orang tersebut telah melakukan tidakan yang tidak menyenangkan kepada saya. Untuk itu kepada teman-teman blogger, mohon bantuannya untuk memblok dan melaporkan akun palsu facebook Dede Hendriono.

5 Pratinjau Dinamis Baru dari Blogger

Hebat!!! Itulah komentar yang terucap spontan saat melihat 5 tampilan dinamis yang dipersembahkan oleh Blogger. Tepat tanggal 31 Maret 2011 Blogger memperkenalkan prantinjau baru untuk template Blogger yang sedang direncanakan, dengan harapan para pengguna Blogger akan terbiasa dengan tampilan yang masih dalam pengembangan tersebut. 5 pratinjau tampilan Blogger ini menggunakan teknologi web terbaru termasuk didalamnya Ajax, HTML 5, dan CSS 3.

Apa (Rencana) yang Baru dari Blogger di Tahun 2011?

Bismillah. Telah kita ketahui bersama bahwa tim pengembang Blogger terus melakukan perbaikan pada platform Blogger. Selama tahun 2010 telah banyak kita rasakan perbaikan-perbaikan pada platform Blogger membuat Blogger semakin mudah dari sisi manajemennya maupun coding. Kenapa Blogger Tune-Up selalu setia dengan platform Blogger?

Account Google Code Blogger Tune-Up Di Non Aktifkan

Kaget campur heran Blogger Tune-Up dibuatnya, karena beberapa hari ini tidak buka internet. Hari ini Senin, 27 September 2010 Blogger Tune-Up membuka blog dan ternyata seluruh script Blogger Tune-Up yang ada di Hosting Project Google Code tidak dapat di akses. Setelah di cek ke link http://hensblog.googlecode.com/ link tersebut tidak dapat di akses. Entah kenapa hal ini terjadi...

Mengenal dan Menggunakan Google Font

Semakin hari semakin banyak fasilitas yang diberikan Google kepada para pengguna dunia maya, gebrakan demi gebarakan membuat para pesaing bisnis dot com di dunia maya semakin kewalahan dengan langkah-langkah yang di ambil Google. Selain ditunjang dengan teknologi yang terbaik, kemudahan dalam penggunaan yang juga tentunya diberikan secara cuma-cuma alias gratis oleh Google. Diantara sekian banyak hal yang diberikan Google kepada Blogger adalah Google Font. Satu lagi fasilitas gratis yang diberikan kepada para desainer website terutama para Blogger.

Kaidah Sederhana untuk Desain Blog Terbaik

Desain suatu blog sangat berpengaruh terhadap keunikan suatu blog dan hal yang unik adalah salah satu daya tarik untuk memikat para pengunjung. Setelah pengunjung menemukan suatu keunikan pada blog kita, maka mereka akan rela berlama-lama dan sering-sering mampir sekedar membaca-baca atau sekedar mempelajari hal-hal yang unik menurut mereka. Ada banyak hal yang bisa membuat blog kita menjadi unik bagi para pengunjung salah satunya adalah desain blog.

Mengenal Lebih Jauh JumpLink - Readmore

Pada artikel sebelumnya telah di bahas tentang JumpLink atau Readmore, tetapi karena sifatnya masih terlalu umum maka bahasan kali ini akan kita telusuri fasilitas JumpLink/Readmore ini lebih jauh lagi. Readmore atau JumpLink adalah fasilitas pemenggalan artikel yang telah disediakan oleh Blogger sebagai salah satu hadiah 10 tahun Blogger (1999 - 2009) tetapi penggunaannya masih kurang begitu maksimal pada sebagian blogger terutama mereka yang newbie (baru belajar ngotak-atik blog). Walau pun blogger tidak membuka secara total kode JumpLink ini tetapi bagi kita para pengguna blogger sudah termasuk cukup untuk bisa memahami dan menggunakan kode JumpLink atau Readmore ini. Bagaimana JumpLink atau Readmore ini kita pahami cara kerjanya?