Myfia Notes
What new in Riesurya dot com?
Disinilah tempat bernaung, bekerja dan menulis (mumpung di blog sendiri, gak ada yang larang :D)
12
May
2009
In the dark we can see it all
Last Updated :: Saturday, 16 May 2009 19:59 by Riesurya@MOTW
Syukur Alhamdulillah, akhirnya redesign situs Myfia On The Web ini bisa terlaksana jua. Ditemani oleh secangkir teh hangat (sampai dingin lagi) juga sebungkus sigaret selesai sudah perjuangan redesign kali ini. Selesai? Mmm, masih menyisakan sejumlah pekerjaan rumah tangga yang membutuhkan waktu extra (nunggu week end lagi deh).Bertema In the dark we can see it all, tampilan MOTW kali ini tampak lebih gelap dan jauh berbeda dibanding dengan pendahulunya (apalagi dibanding versi-2 awal).
Berikut perubahan yang dilakukan pada redesign template versi "gelap euy":
-
Layout
- template ditulis ulang - terutama disisi layout
- variasi layout di tiap menu (not finished yet)
-
Compression and Performances
- Kompresi CSS secara otomatis dan ditampilkan dalam bentuk satu baris (one single line) untuk browser client
- File-file javascript sejenis (untuk tujuan yang sama) dikumpulkan, dan di tampilkan sebagai satu file berekstensi PHP
- Further expire header upgraded
- YSlow performance target : Grade A pada tiap halaman
-
AJAX-ing
- penggunaan AJAX yang lebih banyak dari sebelumnya (masih belajar menggunakan AJAX secara custom - buat sendiri dulu)
- modifikasi sesuai kemampuan dan kesempatan yang ada
-
Saving css code
- perbaikan dalam penulisan kode CSS (lebih banyak penghematan terjadi, untuk mencapai target ukuran CSS file yang lebih kecil dari 10kb - total)
- pemanfaatan CSS untuk alat bantu validasi aksesibilitas
-
Images and Background
- Masih kekurangan bahan images untuk aksesori layout
- Penggunaan background image seperlunya (dan semampunya)
- Masih kekurangan bahan images untuk aksesori layout
-
Search Engine Optimation ( SEO )
- pengaturan tata letak layout untuk kepentingan SEO (hasil baca-baca di beberapa referensi)
- pengaturan tata letak layout untuk kepentingan SEO (hasil baca-baca di beberapa referensi)
-
Belajar membuat web standar- melakukan pengujian kelayakan tampilan -
- XHTML Validation - masih setia dengan document type XHTML Transitional 1.0 - Status : Passed
- CSS Validation : lagi-lagi masih menganut CSS 2.1 - Status : Passed"
- Section 508 test - Passed
- WAI testing - Passed
- Accesibility - online testing - Passed
- ATRC - secara local dengan AChecker dan online testing : Passed
- Opera Mini Emulator - penasaran mau tahu tampilannya kalau di Opera Mini (mode fakir gak punya Handheld ..hihihi)
- IPhone simulator testing - masih juga penasaran seperti apa kalau di IPhone
- XHTML Validation - masih setia dengan document type XHTML Transitional 1.0 - Status : Passed
Secara umum redesign kali ini masih banyak meninggalkan jejak yang tidak perlu. Dari sisi tampilan masih belum fix, beberapa karena kekurangan material (ternyata repot juga kalau menuangkan keinginan dalam bentuk visual-terlebih karena keterbatasan kemampuan dalam olah image - solusinya harus lebih rajin praktek dengan software seperti Photoshop - atau GIMP? ), sementara sisi lain ada beberapa fitur yang belum juga dibuat module-nya.
Btw, menjelang detik-detik upload hasil redesign, tergoda oleh lirik lagu "Undress me" (telanjangi aku?) dari Anggun C Sasmi. Jangan salah baca, entar dikira Anggun yang minta (undressed me :-P ). Lirik dalam lagu itu seperti memberi inspirasi untuk melakukan pengecekan lagi dan lagi, dan hasilnya lumayan sip. Bisa hemat beberapa kilobyte lagi dan sesuai target, pencapaian performa yang optimal.
Tentang warna, saya menepati janji "gelap" dan melangsingkan 10% lebar. Agak suram? Ya, kondisi saat redesign ini memang dalam suasana suram. Paceklik lahir batin nih - hiks hiks.
Ada beberapa hal yang sebenarnya agak dikhawatirkan juga, antara lain apakah nantinya masih tetap lolos pengujian validasi? Bukan mau pamer kalo beberapa waktu belakangan ini posisi Myfia On The Web di Sakui Web Validator sudah berada di posisi no.7 (lumayan lah bisa Top Ten). Hal ini karena memang sejak awal MOTW ini dibuat sebagai web percobaan dan idealis saya dalam belajar membuat web (namanya juga tukang web).
So, semoga penampilan baru MOTW ini bisa membawa nuansa baru dan (berharap) bisa menjadi bagian dari komunitas tukang web Indonesia. Artikel ini disusun bukan dalam mode narsis, sekali lagi tidak. Disusun dan ditulis semata-mata sebagai catatan online sejarah MOTW (inilah salah satu warisan untuk kedua bidadari cantik ku di rumah).
Jakarta, 12Mei2009 - 02.22
I will always miss and love U, my beautiful angels....
Newer news items:
- Catatan oprek Joomla di MyExperiments
- Catatan riesurya tentang Changelog Joomla 1.5.11 Released
- Perempuan berkalung sorban-review film
- Hypermarket kalah service
- Oprek lagi terkait attribute title link
Older news items:
Tags: redesign| validasi| compression| performance| layout| AJAX template| SEO| Opera Mini| Emulator|
PS: please put source link if you want to embedded this article (or any others in MOTW) in your blog to respect my work and time, Thank you :)
Dont miss it, be the first get the latest article from Myfia On The Web
Search From Engine Result
- cara membuat formulir pendaftaran pada web dengan php
- menghubungkan form di flash
- GAMBAR BINATANG KUDA
- cara membuat random image di joomla offline
- panjang patch panel
- cheat point blank update 27 juli 200
- cara memperbaiki mouse laptop
- merubah warna header ja purity
- melihat email yang digunakan di facebook
- GANTI TAMPILAN AURACMS
- contoh 10 kata narsis
- pendaftaran point blank
- xnxx ariel luna
- kenapa point blank sering ganguan
- bikin database anggota dengan joomla
- bentuk love pada facebook
- mengin tip orang mandi
- beda cms dengan pembuat web lain
- cara merubah warna nick point blank
- mengubah password point black
Comments
Terimakasih buat Mas Dani atas informasinya.
berikut komentar yang dikirim Mas Dani pada 13mei2009-05.17:28 via KotakPesan:
"Alo Pak Rie,
saya gagal komen di http://riesurya.com/blogs/137-in-the-dark-we-can-see-it-all
entah apa sebabnya, mungkin koneksi Inet saya lagi memble :-)
ini komentar saya:
jika diakses tanpa gambar, keliatan lbh profesional dibanding sebelumnya, pak.
iya, jauh lbh ringan kesannya.
top dah.. :-)
kolom dan row ucd kanan-kiri di homepage kayaknya masi kurang alignment-nya.. :-)
kalo form komentar ini dibaca ala screen reader, gemana ya, pak..saya blm nyoba. apakah terbaca: input text ..trus baru.. name...required?
kombinasi latar item-putihnya sptnya agak terlalu kontras :-)
bentar saya coba pake gambar..
seru juga header-nya :-)
sori pak saya cuman bisa protes aja kok.. :lol: \"
Tx buat konfirmasinya :-)
kesalahan ada di sisi Javascript comment box yang ketinggalan diupload (setelah menjalani prosesi utak-atik :D )
tentang form komentar kalo dibaca dengan screen reader kayaknya belum fixed bener. masih ada beberapa hal yang musti dimodifikasi lagi.
tahap awal masih diupayakan untuk bisa keyboard accessible dulu. (kebetulan juga firefox addons yang buat screen reader ikutan ilang saat winxxx kena virus dan lupa dibackup - jadi blom sempet test lagi)
tentang homepage,meski menggunakan modelling "same column height" ternyata saya yang kurang disiplin untuk membatasi intro dan title by characters. (kalo masih blom bisa juga ya kudu di-oprek lagi deh scriptnya-mode paksa ON :lol: )
Tx buat atensinya dan inspirasi Mas Dani via artikel accesibility-nya di http://daniiswara.net
ah buat kalian developer-desainer sih ngga masalah..saya cuman protes sbg pengguna aja kok pak..nanti tipsnya nyontek di sini lagi :D
Untuk sementara ini saya biarkan apa adanya aja dulu (nunggu inspirasi berikutnya).
Tips? lah wong ide nulis tips aksesibilitasny a kan banyak terinspirasi dari artikel di blognya Mas Dani :lol:
saya (lagi-2 masih) juga sebagai follower yg ingin berbagi - sebagai rasa terimakasih atas ilmu yg saya dapat dari berbagai tempat di internet.
sependek yg saya tau, ngga ada yg segila ♥ ini dgn joomla :)
wah makasih lho Mas. malah baru nyadar kalo ada yang kurang. iya nih fitur komentarnya asli njelimet (apa saya yg lemot :D ).
Nanti saya periksa lagi.
btw, bisa aja niy.Abis ngulik kode-2nya Joomla extension asik, sekalian bisa belajar - learn by doing gitu :-)