Tutorial CSS dan HTML5: Membuat Template Sederhana

Kemarin ada yang nanya melalui email tentang membuat template untuk Wordpress. Setelah saya lihat kodenya kok saya jadi tambah bingung hehehe...

Intinya pertanyaan adalah ybs kesulitan membuat sidebar multi widget di kanan dan kiri. Dari hasil yang telah dibuatnya menunjukkan sidebar malah berjajar ke samping semua. Bila bila itu yang jadi masalah, asumsi saya adalah persoalan tata letak saja, soal CSS.

Untuk itu saya ambil template kaku saya yang sudah saya sesuaikan dengan masalah tersebut seperti screenshot di atas, sedangkan kode sumbernya bisa dilihat disini.

Semoga bermanfaat.

Posting terkait:
Tutorial Membuat Tema Wordpress dengan 2 Sidebar

NetBeans 7 Dukung Elemen HTML5

Setelah menunggu beberapa lama saat masih menggunakan NetBeans 6.9.1, akhirnya di bulan Agustus 2011 ini telah dirilis NetBeans 7 yang sudah mendukung editing element HTML5. Penasaran, saya coba instalasikan ke Ubuntu dan menulis beberapa kode HTML5, Javascript dan CSS. Kebiasaan ketika membuat kode HTML4 mungkin akan berubah karena akan segera usang (obsolete), tetapi sebagai pengayaan konsep kode HTML4 cukup bermanfaat untuk digunakan setidaknya dalam masa transisi (menuju HTML5 sepenuhnya) saat ini.

Berikut beberapa tangkapan layar percobaan NetBeans 7.0.1 pada Ubuntu server 10.4 yang digunakan untuk menulis kode sederhana HTML5, Javascript dan CSS, untuk menghasilkan output berupa image kotak pada browser Firefox 6.

Tangkapan layar kode HTML5, Javascript, dan CSS pada NetBeans 7.0.1

Informasi pada baris 12 yang menyatakan fungsi
tersebut tak dapat berjalan baik
di browser tertentu.

Keluaran (Output) berupa image kotak

Tampaknya materi kuliah perlu menyesuaikan standar HTML yang baru ini, fasilitas di laboratorium komputer juga perlu menggunakan teknologi yang relevan.

Referensi:
[1] HTML5 Tutorial
[2] W3C, HTML5, A vocabulary and associated APIs for HTML and XHTML
[3] HTML5: Working with the canvas element