Gridless benefits:

Mobile First Design Approach

Yes. It is very suitable for mobile first design approach which adapt to device width. If you are good enough, you can use it with 320 and up framework or turn Gridless into your own HTML framework.

Cross Browser Compatible

Gridless is compatible with Firefox 3.5+, Opera 11+, Chrome 11+, Safari 5+ and Internet Explorer 6.

Agnostic starting point

Gridless is extremely simple and straightforward. It doesn’t come with any predefined grid systems or non-semantic classes. Gridless is meant to be a starting point, which should be edited, tweaked and overwritten to suit each project’s design requirements.

As the quote implies, you need sort out the grid by yourself. Don’t worry about the font, image and video styling, just focus creating your layout then you’ll be success.

Not satisfied? Just see the Gridless demo. Fork Gridless at Github.

Cheers.

Besides that,  Designers Toolbox also has standard sizes for envelope, postcard, business card and much more. Plus, this site also has useful iPhone GUI Elements in PSD.

Hope to share with you guys out there. Cheers!

Tiba-tiba dalam bulan 12 ni, tergerak pulak aku nak check PR. Tau-tau dapat PR2. Aku fikir jugak kenapa aku dapat PR2. Nak kata update blog selalu, mustahil. Nak kata backlink banyak, ciput je. Nak kata follower ramai, 30 orang pun tak sampai.

Dalam masa 9 bulan, aku banyak selidik pasal responsive theme, adaptive theme dan juga mobile theme. Dah banyak testing aku buat, aku banyak fokuskan kepada kelajuan blog. Blog mesti laju tak kira surfing guna dekstop atau handphone.

Bagi aku, aku sasarkan kelajuan blog pada 5 second. Kalau blog 5 second, dah kira teramat laju dan confirm boleh dapat score Google Pagespeed 90. Aku banyak testing guna theme seperti Twenty Ten, Twenty Eleven dan juga framework lain macam Bones, Thesis dan lain-lain. Kalau nak kata theme premium laju, tak ada laju mana pun, 8 second ke atas dah confirm.

Aku benar-benar tak sangka PageSpeed tu penyumbang PageRank. Dari PR kosong melonjak kepada PR2. Terima kasih banyak-banyak Google PageSpeed dan juga Google PageRank. Adios…

Entah sejak kebelakangan ini, aku asyik dapat link spam melalui Facebook Chat. Kalau nak kata aku ni kuat chatting kat facebook, sekali-sekala tu adalah sikit-sikit. Biasanya, aku on Facebook pun setakat nak tengok updates dari member-member je.

Aku sendiri tak boleh tahan sebab aku dah terima spam link tu sampai 5 kali dalam setengah jam yang lalu. Aku terima spam link melalui Facebook Chat macam gambar ni.

Jadi? Puncanya macam mana? Korang refer link ni sebab aku sendiri malas nak jelaskan.

http://techworldsz.blogspot.com/2011/03/facebook-spam-chat-messages-facebook.html

Dimudahkan ceritanya macam ni.

if you click on that link the same message will be automatically send to all your friends in chat.

Penyelesaian? Cuma offkan facebook chat. (Bagi aku ini cuma penyelesaian sementara.) Terima kasih untuk Junaidey sebab dia ada tulis Cara Mudah Hentikan Spam/Virus Chat Facebook. (Sebenarnya aku malas nak taip sebab takde mood)

Komen RG

Aku rasa teknik spam biasanya digunakan IM (Internet Marketer) untuk melariskan jualan diorang dan mendapatkan lebih hits. Aku tau la teknik ni sebenarnya teknik viral (aku sebenarnya tak terer pun bab-bab viral link) tapi teknik ni disalahgunakan untuk kepentingan individu tertentu. Penyelesaian yang ada di atas boleh digunakan buat sementara tetapi kalau buat jangka masa panjang, macam tak kena je sebab bagi kaki facebook chat tegar rasanya diorang tetap akan set kepada chat online.

Andaian RG

Kalau spam link ni berpunca daripada virus, just update antivirus.

Kalau berpunca daripada web browser macam Firefox, Chrome, Opera atau sebagainya, kasi clear semua history, cache and what ever, kemudian uninstall dan reinstall balik web browser.

Kalau berpunca daripada facebook account, report kepada facebook developer. RG dapat rasakan database facebook adalah puncanya sebab tidak mementingkan privacy. Bila sorang kena, yang lain kena.

Jadi RG sendiri minta maaf bagi sesiapa telah add RG kat facebook kalau RG sendiri ada keluarkan link spam dari facebook chat. Honestly, RG jarang sangat FB chat dan pendek kata FB chat sekali-sekala, itupun orang-orang tertentu sahaja.

Buatlah apa-apa yang patut.

Pernah tak dengar BugMeNot.com ? BugMeNot punya slogan ialah Bypass Compulsory Registration maksudnya bypass password satu user untuk sesuatu website tanpa register di website itu. Cuma key in sahaja website di dalam form web itu dan tekan Get Logins. Kaedah ini akan memaparkan list username dan password jika bernasib baik. List akan keluar bersama percentage successful login.

Macam mana keluar list ni? Ada web itu hack web orang lain? Tidak sebenarnya. Contohnya, aku tau username dan password kawan aku, kemudian aku masukkan ke dalam BugMeNot. Lepas itu orang lain akan try guna username dan password itu. Saya pernah try username dengan password dari friendster pada tahun 2006. Time tu, banyak menjadi. Tapi sekarang dah tak berkesan.

Dia ada tulis Did this login work out for you? Biasanya kalau orang tekan No, success rate akan turun. Cubalah try taip friendster kat situ. Kalau bernasib baik, dapat. Rasanya mustahil buat masa sekarang.

http://www.bugmenot.com/

Atas request brother Anarm.net, saya testing pingler.com. Lepas entri ni dipublish, baru dapat tau Pingler tu ping atau tidak. Tapi bila tengok Pingler, ada username, mesti user premium ada lebih advantage dari segi edit entry yang sudah diping.

Ini list ping yang dibuat oleh Pingler.

Yang ini sebenarnya saya dah lama tau pasal web ni sejak tahun 2006.

http://www.webpagesthatsuck.com/

WebPagesThatSuck ini sebenarnya memaparkan laman-laman web yang betul-betul menusuk jiwa. Nak tengok web tu pun tak ada selera. Memang terlampau teruk.

Yang bagus tentang WebPagesThatSuck ini, dia akan review web-web yang teruk dari segi design dan typography, kemudian dia akan contact web master or tuan punya web yang teruk tu untuk memberi guide cara repair design web dia.

Kebanyakan web kat WebPagesThatSuck sudah tidak aktif, malah dia sanggup beli web-web yang suck itu sebagai contoh supaya dapat dijadikan iktibar kepada webmaster lain.

Kebanyakan web yang saya tengok kat situ, saya terus pangkah sebab dah teruk sangat.

Web ini bagus bagi sesiapa yang ada project atau assignment untuk komen-komen web yang teruk.

]]> http://rozanighani.com/2010/04/web-pages-that-sucks/feed/ 2 http://rozanighani.com/2010/04/belajar-taip-laju-laju/ http://rozanighani.com/2010/04/belajar-taip-laju-laju/#comments Tue, 06 Apr 2010 07:56:04 +0000 RG http://www.rozanighani.com/?p=483 Continue reading →]]> Salam dan hai,

Saya akan tunjukkan anda website untuk anda taip laju-laju. Praktis makes perfect!

Ini dia:

http://speedtest.10-fast-fingers.com/

Screenshotnya:

Pilih language tu penting. Tengok dan pilih language yang anda suka.

Terukan menaip sehingga habis masa 60 saat. Kemudian, keluarlah resultnya.

Tips dari RG:

1. Gunakan keyboard biasa yang digunakan pada PC dekstop.
2. Elakkan gunakan keyboard built-in laptop atau keyboard getah.
3. Cuba menaip tanpa melihat keyboard.
4. Gunakan 10 jari itu yang penting.
5. Cuba untuk berlainan bahasa, ini amat membantu.

Selamat Mencuba!

Dalam Stail Dan Trend Design Web, aspek ini merangkumi layout simple, rekaan kandungan bukannya rekaan muka web, efek 3D dan icon comel.

Stail Terkini

1. Layout Simple
2. Rekaan kandungan, bukannya rekaan muka web
3. Ruangan Putih
4. Efek 3D
5. Warna lembut, neutral, pastel dan kuat
6. Ikon Comel
7. Teks besar

Layout Simple

• Lebih sederhana 1 – dan 2-kolum.
• Laman sederhana bekerja lebih baik.
• Jauh lebih tenang.
• Solid pengalaman browsing.

Rekaan Kandungan, Bukannya Rekaan Muka Web

• Lembut, sederhana.
• Warna kuat untuk menarik perhatian pada kandungan itu sendiri.
• Membuat halaman subjek tampak bagus.

Efek 3D

• Refleksi, pudar, bayang-bayang jatuh
• Bulat berkelip

Ikon Comel

• Jangan gunakan banyak element yang interaktif pada muka web yang sama
• Jika tidak, ia akan mengganggu dan memeningkan pengguna

Dalam Tipografi Web dan Stail Editorial, aspek ini merangkumi kandungan visual struktur dan logik, tips rekaan warna, kepentingan tipografi dan warna, evolusi tipografi web, stail web font, pertimbangan stail yang sesuai dan juga tajuk dan tajuk kecil.

Kandungan Visual Struktur Dan Logik

• HTML standardnya bertujuan untuk berkongsi dokumen.
• HTML juga penting memaparkan perkara atau isi penting

Tips Rekaan Warna

• Warna tertentu sesuai untuk melihat dan membaca.
• Teks dan latar belakang warna yang saling melengkapi satu sama lain.
• Jangan gunakan terlalu banyak warna.
• Text size dan jenis font penting menentukan apakah audiens anda akan dapat membaca
• Jika tidak, semua kerja keras itu untuk apa-apa.
• Yang mana lebih mudah untuk dibaca? GAYA KOMUNIKASI Komunikasi vs gaya

Mengapa Warna & tipografi penting

• Penataan & menempah kandungan
• Buat hirarki / urutan
• Bantuan navigation
• Menarik perhatian pada elemen halaman
• Berkomunikasi dengan menggunakan bahasa visual
• Memecahkan masalah

Evolusi Tipografi Web

1. HTML

• Memisahkan desain daripada struktur
• Penekanan pada Interoperabiliti, bukan gaya visual

2.CSS (Cascading Style Sheets)

• Memisahkan gaya visual daripada struktur dokumen
• Dapat mengawal tipografi yang lebih besar dengan lebih sedikit kod
• Lebih banyak pilihan untuk mengatur format

Stail Web Font

• Pilihan terbaik untuk paparan: sans-serif, saiz besar
• Kontras quality dengan warna latar belakang
• Saiz menjangka variabilitas
• Hindari SEMUA HURUF & menggunakan “downstyle” headlines
• Guna penekanan hemat
• Tentukan font untuk setiap platform
• Konsisten
• Keserasian gaya dengan kandungan

Pertimbangan Stail Yang Sesuai

• Teks yang anda slebih sesuai untuk pembaca atau pengunjung
• Dapat menerangkan isi kandungan utama
• Suara yang unik dapat membantu membezakan laman anda
• Berfikir secara global

Tajuk dan Tajuk Kecil

1. Headline style: Bold, Manfaatkan Initial Surat Words

• Tajuk Dokumen
• Nama Khas, nama produk

2. Down style: Bold, memanfaatkan hanya Perkataan pertama

• Tajuk Kecil
• GambarTajuk
• Senarai