Redesain Situs W3C
Posted: March 22, 2009 at 21:58:43 by Dani Iswara. Words count: 407.
Last updated: April 14, 2009 at 01:58:28.
Tujuan dan fitur redesain
Beberapa tujuan utama dan fitur baru pada redesainnya:- Tampilan yang lebih modern.
- Navigasi yang konsisten, di atas dan bawah halaman web.
- Meningkatkan kebergunaan blog, tutorial, dan materi lainnya.
- Mengundang komunitas untuk disertakan dalam agregator.
- Mengembangkan/mengintegrasikan jejaring sosial web 2.0.
- Menyiapkan laman berstatus mobileOK dan halaman lainnya yang cukup aksesibel untuk versi 'mobile'.
- Memenuhi standar WCAG ('Web Content Accessibility Guidelines') 2.0.
- Mengembangkan halaman khusus bagi kelompok kerja W3C.
- Daftar A-Z seputar W3C akan terintegrasi dengan 'site map'.
- Menyediakan 3 'style sheets' untuk antarmuka:
screen,print,handheld.
Keterbatasan redesain
Menariknya, W3C juga mengungkapkan keterbatasan redesainnya:- Karena alasan interoperabilitas, sementara ini memang tidak/belum valid CSS ('Cascading Style Sheets').
- Saat ini tidak ada transformasi konten (konten khusus versi layar kecil). Laman akan tetap berukuran besar. Jadi kurang sesuai dengan rekomendasi mobileOK.
- Masih bermasalah dengan 'layout'/CSS versi cetak/'print'.
Sekilas review
Berikut ini beberapa review/hasil terawang sekilas saya terhadap situs W3C versi beta di atas Firefox 3.0.8 Linux Gentoo, diperbarui per tanggal 13 April 2009:- Validator
- XHTML ('Extensible HyperText Markup Language') dan XML ('Extensible Markup Language')
- XHTML versi W3C: Valid XHTML 1.0 Strict.
- Validome
- XHTML versi Validome: Valid XHTML 1.0 Strict (tanpa peringatan lain).
- XML versi Validome: Valid XML.
- Catatan: di peramban Firefox, melalui 'response headers', konten ternyata disajikan dengan
... Vary: negotiate,accept ... Content-Type: text/html; charset=utf-8
Tapi, mungkin melalui negosiasi konten, jika 'user agent' terdeteksi sebagai validator Validome, situs W3C disajikan dengan tipe
application/xhtml/xml.
- CSS profil level 3: 13 errors, 345 warnings.
- CSS profil level 2.1: 16 errors, 344 warnings.
- Feed versi W3C: Valid Atom 1.0 dengan peringatan interoperabilitas.
- XHTML ('Extensible HyperText Markup Language') dan XML ('Extensible Markup Language')
- Semantic data extraction:
Non-semantic markup The following suspiciously non-semantic markup has been detected: * 20
<div>with no additional content to their unique childLihat juga Inspiring Semantic Markup Weblogs.
- Aksesibilitas
- Section 508: Passed.
- WCAG 2.0 versi ATRC (WCAG 2.0 level AA): 1 problem.
- Colour contrast analyser (luminosity contrast ratio; berdasarkan WCAG 2.0): Pass (no fail).
- Web Page Speed Report:
Total HTTP requests: 25 Total Size: 108283 bytes using HTTP compression (gzip) ...
- Status W3C mobileOK, skor: 80/100, 20/100.
- Status Ready.mobi: 2 (overall: bad)
- Basic Website Review, skor: 83,33%.
- Raven SEO Tools, skor: 80.
Comment by riesurya on April 14, 2009 at 15:27:04
using Firefox 3.0.8 on Windows XP
pertama deh
mudah2an pasca redesign bisa makin enak navigasinya. ok lgs intip ah . tx buat infonya Mas Dani :)
Comment by Dani Iswara on April 14, 2009 at 17:20:07
using Firefox 3.0.8 on Gentoo
riesurya,
gara-2 liat-2 situsnya Pak Rie yg sering dioprek..pengen jg liat-2 dokumentasi ttg redesign..ketemu lah situs w3c
o i a, ada situs joomla lain yg valid xhtml, joomlavue.com, punyanya mas eddy yanto
Comment by w3c validation on September 25, 2009 at 23:42:31
using Firefox 3.5.3 on Windows XP
Mas Dani,.. Salam kenal,.. Newbie mas.
mendukung gerakan w3c valid untuk halaman dari indonesia, dengan modal valid css 2.1 dan XHTML 1.0 trans.
MobileOK-nya bikin puyeng kepala.
Anganku tentang w3c valid untuk indonesian pages
Comment by Dani Iswara on September 26, 2009 at 01:36:35
using Firefox 3.5.3 on SuSE
w3c validation,
salam kenal Pak Handoko. saya juga newbie di sini. :)
Penjelasan di ready.moby kayaknya lebih sederhana.
Comment by Cahya on December 14, 2009 at 09:34:45
using Firefox 3.5.5 on Windows Vista
Bli Dani,
Misalnya kita memberikan pranala menuju ke suatu laman (semisal laman untuk langganan email via feedburner), tapi pranala itu sendiri banyak tidak validnya, apa bisa kita ganti dengan memendekkan alamat tautan yang dituju, misal dengan tinyURL?
Comment by Dani Iswara on December 14, 2009 at 10:18:38
using Firefox 3.5.5 on SuSE
Cahya,
sepertinya bisa, tapi seberapa permanen layanan tinyURL ke depannya? Kayaknya kemarin-kemarin ada layanan sejenis yang gulung tikar.
Comment by Cahya on December 14, 2009 at 10:30:23
using Firefox 3.5.5 on Windows Vista
Bli Dani,
Terus opsi lainnya bagaimana? I got much errors and warnings :D
Comment by Dani Iswara on December 14, 2009 at 12:00:56
using Internet Explorer 7.0 on Windows Vista
Cahya,
sebentar. Pranalanya tidak valid apanya ya?
Comment by Cahya on December 14, 2009 at 12:20:23
using Firefox 3.5.5 on Windows Vista
Sepertinya pada general entity "loc". Kan pranala ke feedburner yang pakai posel, pakai localization :(
Ha ha, tapi masih banyak error lain karena saya masang widget, saya masih mendesain pranala keluar sebagai pengganti widget yang sekarang :D (kalau widget-nya dicabut, nanti akan bener dengan sendirinya), hanya yang pranala feedburner itu yang belum saya temukan solusinya.
Comment by Cahya on December 14, 2009 at 12:23:34
using Firefox 3.5.5 on Windows Vista
[OOT], Ups maaf, pranala blog saya sendiri belum diganti di blog Bli :) - sekarang tautannya sudah diperbaharui.
Comment by Dani Iswara on December 14, 2009 at 14:02:14
using IceWeasel 3.5.5 on Debian GNU/Linux
Cahya,
kalo dari widget sih bukan barang baru lagi. :D
Comment by Cahya on December 14, 2009 at 16:24:53
using Firefox 3.5.5 on Windows Vista
Saya sudah menangani masalah (atribut?) lokalisasi dengan menghapus bagian
&loc=en_US:)Lha, ternyata
&itu ga valid ya Bli? Terus kalau mau buat lambang itu gimana dong?Comment by Dani Iswara on December 14, 2009 at 17:04:00
using IceWeasel 3.5.5 on Debian GNU/Linux
Cahya,
&. Cek arsip tulisan lama saya di Markup specific entities in XHTML dan Symbol entities in XHTML. Opera biasanya lebih strict urusan markups ginian. :)Comment by Cahya on December 14, 2009 at 17:21:53
using Firefox 3.5.5 on Windows Vista
Ternyata di WLW saya yang sekarang
&memang berubah otomatis ke&si sumber kodenya.Sedangkan jika dibalik kita menulis
℘misalnya, akan langsung berubah menjadi℘.Ha ha, tapi masa saya harus hapal semua itu. Ada jembatan keledainya ga Bli :D