Konversi Em ke Pixel dan Point

January 22, 2019 | HTML, Technical Stuffs, Web Dev | , , ,

Beberapa waktu terakhir saya lebih banyak bermain di front end sehingga lebih sering bersinggungan dengan HTML, CSS, dan JavaScript.

Salah satu hal yang agak tricky adalah penggunaan satuan em, px (pixel), dan pt (point) saat menentukan lebar atau tinggi suatu obyek. Agar mudah diingat, berikut ini contekan yang saya gunakan:

PxEmPersen (%)Pt
6px0.375em37.5%5pt
7px0.438em43.8%5pt
8px0.5em50%6pt
9px0.563em56.3%7pt
10px0.625em62.5%8pt
11px0.688em68.8%8pt
12px0.75em75%9pt
13px0.813em81.3%10pt
14px0.875em87.5%11pt
15px0.938em93.8%11pt
16px1em100%12pt
17px1.063em106.3%13pt
18px1.125em112.5%14pt
19px1.188em118.8%14pt
20px1.25em125%15pt
21px1.313em131.3%16pt
22px1.375em137.5%17pt
23px1.438em143.8%17pt
24px1.5em150%18pt

Catatan ini berfungsi sebagai catatan pribadi agar lebih mudah saat ingin saya tengok lagi.

No comment


Weekend Project: Membuat Pagar

March 29, 2017 | Daily, Ngoprek, Technical Stuffs | , , , , , ,

Sudah sejak beberapa minggu yang lalu saya berniat untuk membuat pagar pembatas antara ruang samping dengan halaman. 

Ternyata saya baru bisa meneruskan hari Selasa kemarin, padahal kayu sudah dibeli sejak beberapa hari yg lalu dan sudah mulai saya potong hari Sabtu dan Minggu. 

Sebenarnya sudah ada pagar pembatas yang saya buat sewaktu awal-awal pindah rumah namun ternyata kurang tinggi. Selain kucing masih bisa melompat masuk, atap ruang samping/dapur jadi terlihat dari luar. 

Setelah melakukan pengukuran dan pengepasan (uji coba pemasangan bingkai pagar) selanjutnya kayu-kayu tersebut saya rangkai mengikuti pola pagar sebelumnya. 

Karena belum memiliki perlengkapan yang memadai, akhirnya segala macam alat saya gunakan. Termasuk penggaris siku milik Lumen yang berupa mainan dari plastik. 

Begitu juga dengan gergaji, entah kenapa gergaji kayu yang saya miliki kurang nyaman digunakan. Iseng coba pakai gergaji besi malah butuh waktu terlalu lama. Akhirnya yang terpakai adalah gergaji kecil di swiss army knife Wenger. 

Lumen sangat antusias dengan proyek ini dan berusaha membantu saya sebisanya. Dia paling senang memasang sekrup di lubang yang saya siapkan dan lalu saya yang mengencangkan sekrupnya. 

Pengerjaan pagar akhirnya selesai di malam hari setelah siang sempat jeda hingga sore karena harus mengantar Lumen ke dokter gigi untuk menambal ulang gigi yang tambalannya lepas. 

Meski sudah selesai, pagar belum saya pasang karena belum dicat. Mudah-mudahan dalam 1-2 hari ke depan bisa selesai dicat dan begitu kering langsung dipasang. 

No comment


Cara Menghindari Powerbank Abal-Abal

April 23, 2015 | Komputer, Tech, Technical Stuffs | , , , , ,

ilustrasi powerbank

Powerbank nampaknya telah menjadi budaya baru di Indonesia berkat menjamurnya pemakaian smartphone. Saat saya berkesempatan mengunjungi kantor Opera sekitar satu tahun yang lalu, beberapa karyawan Opera yang berbincang dengan kami nampak heran dan bertanya tentang “barang asing” yang hampir selalu kami bawa bersamaan dengan smartphone kami.

Namun akhir-akhir ini semakin banyak beredar powerbank abal-abal. Dari mulai penulisan kapasitas mAh yang bombastis, pembajakan merek, hingga penambahan material lain seperti batu dan pasir di dalam powerbank untuk menambah bobotnya agar terasa mantab saat dipegang.

Beberapa waktu terakhir saya membaca beberapa tulisan tentang kekecewaan setelah membeli powerbank, seperti yang dialami Kang Kombor dan lainnya. Bagaimana cara membedakan antara powerbank abal-abal dengan yang beneran bagus? (more…)

No comment


Mematikan Komputer Pada Jam Tertentu

December 11, 2014 | Komputer, Technical Stuffs

Sejauh yang saya tahu, ada tiga cara untuk mematikan komputer (laptop/PC) yang menggunakan Windows 8/8.1 pada waktu tertentu.

Berikut ini dua dari tiga cara yang saya maksudkan, kedua cara ini dijalankan melalui command line. Jika Anda tidak tahu cara mengakses command line, silahkan pencet tombol Windows + R agar muncul dialog seperti ini kemudian ketik cmd dan tekan enter (atau klik OK).

cmd

Selanjutnya akan muncul window baru dengan latar belakang hitam di mana kita bisa mengetik apa saja. Di situlah kita akan mengetikkan kedua contoh perintah untuk mematikan laptop/PC.
(more…)

No comment


Tiga Versi Browser Opera Untuk Komputer

November 11, 2014 | Browsers, Komputer, Opera, Tech, Technical Stuffs

Kurang lebih sejak bulan Agustus 2013, Opera Software memiliki tiga versi browser Opera untuk komputer yang bisa dicoba oleh seluruh pengguna Opera di seluruh dunia. Ketiga versi tersebut adalah Stable, Beta, dan Developer stream.

Screenshot Opera untuk Windows

Apa saja perbedaan dari ketiga rilis browser Opera untuk komputer tersebut? Berikut ini penjelasan singkatnya, semoga mudah dipahami.

(more…)

3 comments


Changing VPS Timezone

April 5, 2012 | Technical Stuffs | , ,

One of many things that you probably do when managing a VPS is setting up date and time to match your local date and time. Here’s a quick guide to change your VPS’ timezone.

You can find your own timezone at /usr/share/zoneinfo/ and copy it to /etc/localtime. Here’s the magic spell:

[server]# cp /usr/share/zoneinfo/Asia/Jakarta /etc/localtime

Of course you have to change that Asia/Jakarta thing into your own timezone.

The date command output before I change its timezone:

[server]# date
Wed Apr  4 16:34:20 EDT 2012

And this is after:

[server]# date
Thu Apr  5 03:36:05 WIT 2012

Tic.. tac.. tic.. tac..

No comment


Update PHP on Virtualmin

March 3, 2012 | Technical Stuffs | , , ,

I’m using Virtualmin to manage some servers (both physical or VPS) and I’m pretty confidence to say that this is the best freeware for server control panel.

Virtualmin currently provide PHP 5.1 (I’m using CentOS 5.5) and here’s how to upgrade its PHP version to 5.2. This command will activate Bleeding Edge Packages for CentOS/RHEL 5 on Virtualmin:

[root@server01 ~]# rpm -ivh http://software.virtualmin.com/bleed/centos/5/i386/virtualmin-bleed-release-1.0-1.rhel.noarch.rpm

After that, simply run following command to update PHP:

[root@server01 ~]# yum update php

And just answer “yes” when your system ask. Update process will just take a few seconds to complete.

No comment


Redirect Non-WWW to WWW using htaccess

February 16, 2012 | Technical Stuffs | ,

I’m using this script very often, for some customers to redirect their website from domain.com to www.domain.com. So I will put it here for easy access.

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

Just create or insert above script into your .htaccess. When a visitor visits domain.com he will be forwarded to www.domain.com.

Piece of cake.

1 comment


Problem in Moodle 1.9 and PHP 5.3

January 2, 2012 | PHP, Technical Stuffs | ,

Today someone ask me to check his Moodle installation in his website. He used to add resource(s) easily in any course he made and lately he’s unable to add any resource. In the resource page, Moodle just displays blank page. No error message at all.

After googling around, I found that the problem is (likely) caused by PHP upgrade from 5.2.x to 5.3.x. And thanks to Andrey who posted a script for a quick hack.

The trick is by adding a new function inside HTML_QuickForm_element class in moodle/lib/pear/HTML/QuickForm/element.php.

< ?php
public function __call($name, $args) {
    $name = str_replace('MoodleQuickForm_', '', $name);
    if ($name == 'passwordunmask') {
        $name = 'password';
    }
    return call_user_func_array(array($this, 'HTML_QuickForm_'.$name), $args);
}
?>

It works like a magic!

1 comment


Error 404 on Drupal Admin Section

June 24, 2011 | Technical Stuffs | , , ,

My Drupal installation was fine until I uploaded it into my web hosting. It always returned error 404 page (not found) every time I clicked on any admin section (i.e http://domain.com/admin/build, http://domain.com/admin/settings, etc).

I have tried bypassing clean URLs by using http://domain.com/?q=admin, renamed .htaccess file and so on. But all of my efforts still bring me the same error page.

Huft..

After many minutes, I figured out that the problem was caused by the update module that always loaded every time I open admin section. Thus I decided to disable this module.

Just open PHPMyAdmin, click my database and run this query:

update system set status=0 where name='update'

And…… it works! All my admin sections are now working fine with this little trick.

1 comment