Skip to main content

Posts

Diary āļ›āļĢāļ°āļˆāļģāļ­āļ°āđ„āļĢāļ‹ัāļāļ­āļĒ่āļēāļ‡ 20/09/2010

āļ•่āļ­āļˆāļēāļāļ•āļ­āļ™āļ—ี่āđāļĨ้āļ§ āļ§ัāļ™āļ™ี้āļĨāļ­āļ‡āđ€āļŠ้āļ™āļ—āļēāļ‡āļ§ิ่āļ‡āđƒāļŦāļĄ่āđ†āļ”ู āļĢู้āļŠึāļāļ§ิ่āļ‡āļ•āļēāļĄāļ–āļ™āļ™āļĄัāļ™āđ„āļĄ่ work āđ€āļ—่āļēāđ„āļĢ āļŠูāļ”āļ„āļ§ัāļ™āđ„āļ›āļ§ิ่āļ‡āđ„āļ›āđ„āļĄ่āļ™่āļēāļĢื่āļ™āļĢāļĄāļ“์āđ€āļĨāļĒ āļ„āļĢāļēāļ§āļ™ี้āđ€āļĨāļĒāļāļ°āļ§่āļēāļˆāļ°āļĨāļ­āļ‡āđ€āļ›āļĨี่āļĒāļ™āđ„āļ›āđ€āļ›็āļ™āļ—ี่āļ—ี่āļ„āļ™āļŠāļ­āļšāļĄāļēāļ§ิ่āļ‡āļัāļ™ āđ‚āļ”āļĒāļ—ี่āđ„āļĄ่āđ„āļāļĨāļˆāļēāļāļš้āļēāļ™āļĄāļēāļ āļ•āļ­āļ™āđāļĢāļāđ„āļ”้āļĒิāļ™āļĄāļēāļˆāļēāļāđāļĄ่āļ§่āļēāđƒāļ™āļ‹āļ­āļĒāđ€āļĢāļēāļĄี "āļŠāļ™.āļ—่āļēāļžāļĢāļ°" āļ­āļĒู่āļĢุ้āļŠึāļāļ§่āļēāļ•āļĢāļ‡āļ™ั้āļ™āļˆāļ°āļĄีāļ„āļ™āđ„āļ›āļ§ิ่āļ‡āđ€āļĒāļ­āļ°āļ™āļ° āļ­ีāļāļ—ี่āļ™ึāļ‡āļ—ี่āļ™ั่āļ‡āļĢāļ–āļœ่āļēāļ™āđ„āļ›āļāļĨัāļšāļĢāļ°āļŦāļ§่āļēāļ‡āļš้āļēāļ™āļัāļšāļ—ี่āļ—āļģāļ‡āļēāļ™āļ›āļĢāļ°āļˆāļģāļ™ั่āļ™āļ„ืāļ­ "āļ§āļ‡āđ€āļ§ีāļĒāļ™āđƒāļŦāļ่" āđ€āļŦ็āļ™āļ„āļ™āļĄāļēāļ§ิ่āļ‡āļ—ุāļāļ§ัāļ™ āļ•āļ­āļ™āļāļĨāļēāļ‡āļ„ืāļ™āļŠāļ­āļ‡āļŠāļēāļĄāļ—ุ่āļĄāđāļĨ้āļ§āļ้āļĒัāļ‡āļĄีāļ„āļ™āļĄāļēāļ§ิ่āļ‡āļ­āļĒู่ āđƒāļ™āļ—ี่āļŠุāļ”āļ็āļ•ัāļ”āļŠิāļ™āđƒāļˆāļĄāļēāļ—ี่ "āļ§āļ‡āđ€āļ§ีāļĒāļ™āđƒāļŦāļ่" āļŠ่āļ§āļ™ "āļŠāļ™.āļ—่āļēāļžāļĢāļ°" āđ„āļĄ่āļ­āļĒāļēāļāđ„āļ›āđ€āļžāļĢāļēāļ°āļĢู้āļŠึāļāļ•āļ­āļ™āđ€āļŠ้āļēāđ†āļĄัāļ™āđ€āļ›āļĨี่āļĒāļ§āđāļĨ้āļ§āļˆāļ°āļĄีāļ„āļ™āļ§ิ่āļ‡āļˆāļĢึāļ‡āļŦāļĢืāļ­āđ€āļ›āļĨ่āļē āļ”ัāļ‡āļ™ั้āļ™āļˆึāļ‡āđ€āļĨืāļ­āļāļ§āļ‡āđ€āļ§ีāļĒāļ™āđƒāļŦāļ่ āļ•āļ­āļ™āđāļĢāļāļ—ี่āļ§āļēāļ‡āđāļœāļ™āđ„āļ§้āļāļ°āļ§่āļēāļˆāļ°āļ™ั่āļ‡āļĢāļ–āđ€āļĄāļĨ์āļŦāļĢืāļ­āļĢāļ–āļāļĢāļ°āļ›๋āļ­āļ‡āđ„āļ› "āļ§āļ‡āđ€āļ§ีāļĒāļ™āđƒāļŦāļ่" āđāļ•่āļ•āļ­āļ™āđ€āļŠ้āļēāļĢāļ­āļĢāļ–āđ„āļ”้āļŦ้āļēāļ™āļēāļ—ีāļĢู้āļŠึāļāļ§่āļēāđāļĄ่āļ‡āļ—āļģāđ„āļĄāđ„āļĄ่āļĄāļēāļ‹ัāļāļ—ีāļ§āļ° āļāļĨัāļ§āļ§่āļēāļˆāļ°āđ€āļŠีāļĒāđ€āļ§āļĨāļēāđ€āļĨāļĒāļ§ิ่āļ‡āđ„āļ›āļžāļĨāļēāļ‡āļ–้āļēāļĢāļ–āļĄāļēāļāļ°āļ§่āļēāļ„่āļ­āļĒāđ‚āļšāļāđ€āļ­āļē āđāļ•่āļžāļ­āđ€āļ­āļēāđ€āļ‚้āļēāļˆāļĢิāļ‡āļ”ัāļ™āļĄัāļ§āđāļ•่āļ§ิ่āļ‡āđ„āļĄ่āđ„āļ”้āļŠāļ™āđƒāļˆāļ§่āļēāļĢāļ–āļĄāļēāđ„āļĄ่āļĄāļēāđ€āļĨāļĒāļ—āļģāđƒāļŦ้āđƒāļ™āļ—ี่āļŠุāļ”āļ็āđ€āļĨāļĒāļ§ิ่āļ‡āđ„āļ›āļ–ึāļ‡ "āļ§āļ‡āđ€āļ§ีāļĒāļ™āđƒāļŦāļ่" āļžāļ­āļ§ิ่āļ‡āđ„āļ›āļ–ึāļ‡ "āļ§āļ‡āđ€āļ§ีāļĒāļ™āđƒāļŦāļ่" āļĢู้āļŠึāļāđ€āļŦāļ™ื่āļ­āļĒ āđ€āļŦāļ™ื่āļ­āļĄāļēāļ āļĄāļēāļāļ—ี่āļŠุāļ” āļˆāļēāļāļ™ั้āļ™āļ็āļĨāļ­āļ‡āļŦāļēāļ—āļēāļ‡āđ€āļ”ิāļ™āđ„āļ›āļ•āļĢāļ‡ "āļ§āļ‡āđ€āļ§ี...

Diary āļ›āļĢāļ°āļˆāļģāļ­āļ°āđ„āļĢāļ‹ัāļāļ­āļĒ่āļēāļ‡

āļ—ี่āļšāļ­āļāļ§่āļēāļ›āļĢāļ°āļˆāļģāļ­āļ°āđ„āļĢāļ‹ัāļāļ­āļĒ่āļēāļ‡āđ€āļžāļĢāļēāļ°āđ„āļĄ่āļ­āļĒāļēāļāļĢāļ°āļšุāđ€āļ§āļĨāļēāļ—ี่āđāļ™่āļ™āļ­āļ™āļ§่āļēāļˆāļ°āļ›āļĢāļ°āļˆāļģāļี่āđ€āļ”ืāļ­āļ™āļี่āļ§ัāļ™āļŦāļĢืāļ­āļี่āļŠัāļ›āļ”āļēāļŦ์ āđ€āļ­āļēāđ€āļ›็āļ™āļ§่āļēāļ•āļēāļĄāļ­āļēāļĢāļĄāļ“์āļ”ีāļāļ§่āļē 555+ āļ•ั้āļ‡āđāļ•่āđ€āļĢิ่āļĄāļ—āļģāļ‡āļēāļ™āļ—ี่āļšāļĢิāļĐัāļ—āļ›ัāļˆāļˆุāļšัāļ™āļĢู้āļŠึāļāļ­้āļ§āļ™āđ€āļ­āļē āļ­้āļ§āļ™āđ€āļ­āļē āļˆāļ™āļĢู้āļ•ัāļ§āļ§่āļēāđ„āļĄ่āđ„āļŦāļ§āļĨāļ° āļŠ่āļ§āļ‡āļ™ี้āđ€āļĨāļĒāļ›āļิāļšัāļ•ิāļāļēāļĢāļ•ื่āļ™āđāļ•่āđ€āļŠ้āļēāđ† āļ­āļ­āļāļĄāļēāļ§ิ่āļ‡ āđ‚āļ”āļĒāļ­āļ­āļāļĄāļēāļ§ิ่āļ‡āļ•āļēāļĄāļ—้āļ­āļ‡āļ–āļ™āļ™āđāļ–āļ§āļš้āļēāļ™ āđ€āļžāļĢāļēāļ°āļ•āļ­āļ™āļ­āļĒู่āļ—ี่āļš้āļēāļ™āļ™āļ­āļāļ™ั้āļ™āļ—āļģāļš่āļ­āļĒ āđāļ•่āļ—ี่āļāļ—āļĄ. āļ™ี้āļĢู้āļŠึāļāđ„āļĄ่āđ„āļŦāļ§āļ•āļ­āļ™āļ•ี 5 āļĢāļ–āļˆāļ°āđ€āļĒāļ­āļ°āđ„āļ›āđ„āļŦāļ™ (āļ§āļ°) āļ§ิ่āļ‡āđ„āļ›āļŠูāļ”āļ„āļ§ัāļ™āđ„āļ› āļŠ่āļēāļ‡āđ€āļ›็āļ™āđ€āļŠ้āļēāļ—ี่āļŠāļ”āđƒāļŠāļĄāļēāļ āđāļ•่āļˆāļ°āđ„āļ›āļ§ิ่āļ‡āļ•āļēāļĄāļŠāļ§āļ™āļŠāļēāļ˜āļēāļĢāļ“āļ°āļ้āđ„āļĄ่āđ„āļŦāļ§āđ„āļāļĨāđ€āļิāļ™ āđ„āļ›āļāļĨัāļšāļĨāļģāļšāļēāļāđ€āļ”ี๋āļĒāļ§āđ„āļ›āļ—āļģāļ‡āļēāļ™āđ„āļĄ่āļ—ัāļ™ āđ€āļĨāļĒāļ•้āļ­āļ‡āļˆāļģāđƒāļˆāļ§ิ่āļ‡āļĢิāļĄāļ–āļ™āļ™āļžāļĢ้āļ­āļĄāļุ่āļ™āļ„āļ§ัāļ™āļˆāļēāļāļĢāļ–āļ—่āļ­āđ„āļ­āđ€āļŠีāļĒ āđ‚āļ”āļĒāļ§ิ่āļ‡āđ„āļ›āļ•āļēāļĄāļ—āļēāļ‡āļ–āļ™āļ™āđ€āļĢื่āļ­āļĒāđ† āđ€āļŦāļ™ื่āļ­āļĒāļ็āļŦāļĒุāļ”āđ€āļ”ิāļ™ āđ‚āļ”āļĒāļ§ัāļ™āđāļĢāļāļ§ิ่āļ‡āđ„āļ”้āļĢāļ°āļĒāļ°āļ—āļēāļ‡āļ™้āļ­āļĒāļĄāļēāļāļŠั้āļ™āđ† āļ„āļ‡āđ€āļžāļĢāļēāļ°āļ­้āļ§āļ™ āļ—āļģāđƒāļŦ้āđ€āļŦāļ™ื่āļ­āļĒāļ‡่āļēāļĒ āđāļ•่āļ§ัāļ™āļŦāļĨัāļ‡āđ†āļ§ิ่āļ‡āđ„āļ”้āđ€āļĒāļ­āļ°āļ‚ึ้āļ™ āđāļ•่āļĒัāļ‡āđ„āļĄ่āđ€āļ—่āļēāļัāļšāļ•āļ­āļ™āļ—ี่āđ€āļ›็āļ™āļ§ัāļĒāļĢุ่āļ™āļĒัāļ‡āļ§ิ่āļ‡āđ„āļ”้āđ„āļāļĨāļāļ§่āļēāļ™ั้āļ™āļ­ีāļ āļŦāļĢืāļ­āđ€āļ›็āļ™āđ€āļžāļĢāļēāļ°āđ€āļĢāļēāđāļ่āļ‚ึ้āļ™āļ§āļ° āļˆāļēāļāļ—ี่āļĨāļ­āļ‡āļ—āļģāļĄāļēāļŠāļ­āļ‡āļ­āļēāļ—ิāļ•āļĒ์āļžāļšāļ§่āļēāļĄีāļœāļĨāļ”ีāļ‚ึ้āļ™āļัāļšāļ•ัāļ§āđ€āļ­āļ‡āļŦāļĨāļēāļĒāđ†āļ‚้āļ­ āđ€āļŠ่āļ™ āļ•ื่āļ™āđāļ•่āđ€āļŠ้āļēāđ„āļ›āļ—āļģāļ‡āļēāļ™āđ€āļĢ็āļ§āļ‚ึ้āļ™ (āđ€āļŠ้āļēāļĄāļēāļāđ† āļĄāļēāļ่āļ­āļ™āđ€āļ§āļĨāļēāđ€āļ›้āļ™ āļŠāļĄ.) āļĢู้āļŠึāļāļ­ึāļ”āļ­ัāļ”āļ™้āļ­āļĒāļĨāļ‡ āļ„āļĨ่āļ­āļ‡āļ•ัāļ§āļ‚ึ้āļ™ (āđāļ•่āļ™้āļģāļŦāļ™ัāļāļĒัāļ‡āđ„āļĄ่āļĨāļ”āļ™āļ°) āđ„āļ”้āļ•ื่āļ™āđ€āļŠ้āļēāļĄāļēāđƒāļŠ่āļšāļēāļ•āļĢāļ”้āļ§āļĒ (āđāļ•่āđ„āļ”้āļ—āļģāđāļ„่āļ§ัāļ™āđ€āļ”ีāļĒāļ§) āļ‚้āļ­āđ€āļŠีāļĒāļ็āļĄีāļ™āļ° āđ€āļŠ่āļ™ āđ„āļ›āļ—āļģāļ‡āļēāļ™āļ‡่āļ§āļ‡āļ™āļ­āļ™āļĄāļēāļ āđ€āļžāļĢāļē...

Ajax āđ€āļĢีāļĒāļ Cross Domain āđ„āļĄ่āđ„āļ”้

āđ„āļĄ่āļĄีāļ­āļ°āđ„āļĢāļŠāļģāļŦāļĢัāļš entry āļ™ี้āđ„āļĄ่āļĄีāļ­āļ°āđ„āļĢāļ™āļ­āļāļˆāļēāļāļšāļ­āļāļ•ัāļ§āđ€āļ­āļ‡āļ§่āļē Ajax āļĒิāļ‡ request āļ‚้āļēāļĄ Domain āđ„āļĄ่āđ„āļ”้ āđ€āļžāļĢāļēāļ°āļĄัāļ™āđ„āļĄ่āđ„āļ”้āļ­āļ­āļāđāļšāļšāļĄāļēāđ€āļžื่āļ­ request āļ‚้āļēāļĄāđ€āļ„āļĢื่āļ­āļ‡āđ„āļ”้āļ•้āļ­āļ‡āđ€āļĢีāļĒāļāđƒāļ™āđ€āļ„āļĢื่āļ­āļ‡āļ•ัāļ§āđ€āļ­āļ‡āđ€āļ—่āļēāļ™ั้āļ™ āļ”ัāļ‡āļ™ั้āļ™āļāļĢāļ“ีāļˆāļ°āđƒāļŠ้ Ajax āļĒิāļ‡ Webservices āđ€āļ›็āļ™āđ„āļ›āđ„āļĄ่āđ„āļ”้ āļ•้āļ­āļ‡āļŠāļĢ้āļēāļ‡ servlet āļŦāļĢืāļ­ jsp āļ—ี่ call webservices āđāļĨāļ°āđƒāļŠ้ Ajax āđ„āļ›āđ€āļĢีāļĒāļ servlet āļŦāļĢืāļ­ jsp āļ™ั้āļ™āđ†āđāļ—āļ™ ref: http://www.simple-talk.com/dotnet/asp.net/calling-cross-domain-web-services-in-ajax/

HTML 5

āļœāļĄāļĄีāđ€āļŦāļ•ุāļ•้āļ­āļ‡āļĻึāļāļĐāļē HTML 5 āđ€āļžื่āļ­āļ™āļģāļĄัāļ™āļĄāļēāđƒāļŠ้āđƒāļ™ project āđƒāļŦāļĄ่ āļ§ัāļ™āļ™ี้āđ€āļĨāļĒāļĄāļēāļˆāļ” log āļŠิ่āļ‡āļ—ี่āđ„āļ”้āđ€āļĢีāļĒāļ™āļĢู้āđ„āļ› (āļ—āļģāļ„āļ§āļēāļĄāļĢู้āļˆัāļāļัāļš HTML 5 āļĄāļēāļāļāļ§่āļē) āļ‹ึ่āļ‡āļ­āļēāļˆāļˆāļ°āļ”ูāļĨ้āļēāļŦāļĨัāļ‡āđ„āļ›āļŦāļ™่āļ­āļĒ āđ€āļžāļĢāļēāļ°āđ€āļ›็āļ™āđ€āļĢื่āļ­āļ‡āļ—ี่āļ„āļ™āļ­ื่āļ™āđ€āļ„้āļēāļžูāļ”āļัāļ™āļĄāļēāļ•ั้āļ‡āđāļ•่āļ›ีāļĄāļ°āđ‚āļ§้āđāļĨ้āļ§ āđāļ•่āļœāļĄāđ€āļžิ่āļ‡āļĢู้āļˆัāļāļัāļšāļĄัāļ™ āđ€āļžāļĢāļēāļ°āļ่āļ­āļ™āļŦāļ™้āļēāļ™ั้āļ™āļžāļĒāļēāļĒāļēāļĄāļ—āļģāļ•ัāļ§ "āļĒิāļ™āļ”ีāļ—ี่āđ„āļĄ่āļĢู้āļˆัāļ" āđ„āļĄ่āļ­āļĒāļēāļāļˆāļ°āļĒุ่āļ‡āļัāļšāļŠ่āļ§āļ™ design āļ‹ึ่āļ‡āļĄัāļ™āđ€āļ›็āļ™āļŦāļ™้āļēāļ—ี่āļ‚āļ­āļ‡ designer āđ€āļĢāļēāđ€āļ‚ีāļĒāļ™ web application āļ็āđ€āļ‚ีāļĒāļ™āđ„āļ› āđāļ•่āļ§ัāļ™āļ™ี้āđ€āļĨี่āļĒāļ‡āđ„āļĄ่āđ„āļ”้ āļ็āđ€āļĨāļĒāđ€āļิāļ”āļĄี content āļ™ี้āđ€āļิāļ”āļ‚ึ้āļ™ HTML 5 āļĄัāļ™āļ›āļĢāļ°āļĄāļēāļ“āļ§่āļēāđ€āļ­āļē HTML + CSS + JS(javascript) APIs āļ”ัāļ‡āļĢูāļ›āļ”้āļēāļ™āļšāļ™āļ™ั้āļ™āđāļŦāļĨāļ°āļ„āļĢัāļš āļĄัāļ™āļ”ูāđ€āļŦāļĄืāļ­āļ™āđ„āļĄ่āđƒāļŠ่āļŠิ่āļ‡āđƒāļŦāļĄ่āđ€āļĨāļĒ āđ€āļ›็āļ™āļŠิ่āļ‡āļ—ี่āđ€āļĢāļēāļĢู้āđ†āļัāļ™āļŦāļĄāļ”āđāļĨ้āļ§āļ­āļĒ่āļēāļ‡ HTML, CSS āļŦāļĢืāļ­ javascript āđ€āļžีāļĒāļ‡āđāļ•่ W3C āļ™āļģāđ€āļ­āļēāļŠิ่āļ‡āļ—ี่āđ€āļĢāļēāļĢู้āļˆัāļāļ­āļĒู่āđāļĨ้āļ§āļĄāļēāđ€āļžิ่āļĄāļ„āļ§āļēāļĄāļŠāļēāļĄāļēāļĢāļ–āļĨāļ‡āđ„āļ› āđāļĨ้āļ§āļĄāļē pack āđƒāļŦāļĄ่āļˆāļ™āļāļĨāļēāļĒāđ€āļ›็āļ™ HTML5 āļ™ั่āļ™āđ€āļ­āļ‡ āđ€āļĢāļēāļĄāļēāļ”ูāļัāļ™āļ”ีāļāļ§่āļēāđāļ•่āļĨāļ°āļŠ่āļ§āļ™āļ—ี่āđ€āļžิ่āļĄāđ€āļ‚้āļēāļĄāļēāļĄีāļ­āļ°āđ„āļĢāļš้āļēāļ‡ HTML Semantics (New tags, Link Relations, Microdata) āļĄัāļ™āļ–ูāļāļ­āļ­āļāđāļšāļšāļĄāļēāđƒāļŦāļĄ่āđƒāļŦ้āļˆัāļ”āļ§āļēāļ‡ layout āđ„āļ”้āļ‡่āļēāļĒāļ‚ึ้āļ™ āļ‹ึ่āļ‡āđāļ•่āļ่āļ­āļ™āđ€āļĢāļēāđƒāļŠ้ <div> āļŦāļĢืāļ­āđ„āļĄ่āļ็ <span> (āļ•ัāļ§āļ™ี้āđ„āļĄ่āļ„่āļ­āļĒāļĄีāļ„āļ™āđƒāļŠ้āļŦāļĢāļ­āļ) āđāļĨ้āļ§āđ€āļĢāļēāļ็āļāļģāļŦāļ™āļ” id āđ€āļ­āļēāļ§่āļēāļĄัāļ™āļˆāļ°āļŠื่āļ­āļ­āļ°āđ„āļĢ āļĄัāļ™āđ€āļ›็...

Tableless design

Tableless design āđ€āļ›็āļ™āļāļēāļĢāļ­āļ­āļāđāļšāļš layout āļ‚āļ­āļ‡ HTML āđ‚āļ”āļĒāđ„āļĄ่āđƒāļŠ้ table āļĄāļēāļŠ่āļ§āļĒāđ€āļĨāļĒ āđ‚āļ”āļĒāļāļēāļĢāļ—ี่āđ„āļĄ่āđƒāļŠ้ table āđ„āļĄ่āđ„āļ”้āļŦāļĄāļēāļĒāļ„āļ§āļēāļĄāļ§่āļēāļˆāļ°āļ•ัāļ” table āļ­āļ­āļāļˆāļēāļ html āđ„āļ›āđ€āļĨāļĒ āđ€āļžีāļĒāļ‡āđāļ•่āđ„āļĄ่āđƒāļŠ้ table āđƒāļ™āļāļēāļĢ design layout āļŠ่āļ§āļ™ table āļ็āđ„āļ›āļ—āļģāļŦāļ™้āļēāļ—ี่āđƒāļ™āļ•āļ­āļ™āđāļŠāļ”āļ‡āļ‚้āļ­āļĄูāļĨāļ­āļ­āļāļĄāļēāđƒāļ™āļ•āļēāļĢāļēāļ‡āđ€āļ—่āļēāļ™ั้āļ™ āļ–้āļēāđ„āļĄ่āđƒāļŠ้āļ•āļēāļĢāļēāļ‡āļˆāļ°āđƒāļŠ้āļ­āļ°āđ„āļĢāđāļ—āļ™āļŦāļĨāļ° āļ„āļģāļ•āļ­āļšāļ•ืāļ­āđƒāļŠ้ <div> āđāļĨāļ° <span> āļŠ่āļ§āļĒāđƒāļ™āļāļēāļĢāļ§āļēāļ‡ Layout āđāļ—āļ™ āđ‚āļ”āļĒ <div> āđƒāļŠ้āđƒāļ™āļ­āļ­āļāđāļšāļšāđ€āļี่āļĒāļ§āļัāļš layout āđƒāļ™āļŠ่āļ§āļ™āļ—ี่āđ„āļĄ่āļĄีāļ•ัāļ§āļ­ัāļāļĐāļĢ āđ€āļŠ่āļ™āļāļēāļĢāđāļš่āļ‡āđ‚āļ„āļĢāļ‡āļŠāļĢ้āļēāļ‡āļ•่āļēāļ‡āđ†āļ‚āļ­āļ‡ web āđ€āļŠ่āļ™āļŠ่āļ§āļ™āļ‚āļ­āļ‡āđ€āļĄāļ™ู āļŠ่āļ§āļ™āļ‚āļ­āļ‡ Banner āļŠ่āļ§āļ™āļ‚āļ­āļ‡ content āļŠ่āļ§āļ™āļ‚āļ­āļ‡ footer āđ€āļ›็āļ™āļ•้āļ™ āļŠ่āļ§āļ™ <span> āļˆāļ°āđ€āļ­āļēāļĄāļēāđƒāļŠ้āđƒāļ™āļāļēāļĢāļˆัāļ”āđ‚āļ„āļĢāļ‡āļŠāļĢ้āļēāļ‡āļ‚āļ­āļ‡āļ‚้āļ­āļ„āļ§āļēāļĄāļ•่āļēāļ‡āđ† āđ„āļ›āļ”ูāđ€āļŦāļ•ุāļœāļĨāļžāļ§āļāļ™ี้āļ—ี่ http://www.divland.com/blog/2007/03/23/div-or-span/ āđāļĨ้āļ§āđ€āļĢāļēāļˆāļ°āļ­āļ­āļāđāļšāļšāļĒัāļ‡āđ„āļ‡ āđ€āļĢāļēāļ็āļ­āļ­āļāđāļšāļšāđ‚āļ”āļĒāļĄāļ­āļ‡āļ§่āļē 1 <div> āđāļ—āļ™āđ‚āļ„āļĢāļ‡āļŠāļĢ้āļēāļ‡āđƒāļ™āļŠ่āļ§āļ™āļŦāļ™ึ่āļ‡ āļ­āļĒ่āļēāļ‡āđ€āļŠ่āļ™ <div id="banner">Banner</div> āļ­āļēāļˆāļˆāļ°āļĒัāļ‡āđ„āļĄ่āđ€āļŦ็āļ™āļ āļēāļžāļĢāļ§āļĄāļ‚āļ­āļ‡āļĄัāļ™āđ€āļĢāļēāļĨāļ­āļ‡āļ”ูāļัāļ™āđ€āļ•็āļĄāđ†āļ§่āļēāļ–้āļēāđƒāļŠ้ <div>āđ€āļ•็āļĄāđ†āđāļĨ้āļ§āļˆāļ°āđ€āļ›็āļ™āļĒัāļ‡āđ„āļ‡

āļ‚้āļ­āđāļ•āļāļ•่āļēāļ‡āļĢāļ°āļŦāļ§่āļēāļ‡ Font āđƒāļ™āļ•āļĢāļ°āļāļĨูāļ•่āļēāļ‡āđ† Serif, Sans-serif āđāļĨāļ° Monospace

Sans-serif: āđ€āļ›็āļ™ Font āļ—ี่āđ„āļĄ่āļĄีāļĨāļ§āļ”āļĨāļēāļĒāļ•āļēāļĄāļĢูāļ›āļ”้āļēāļ™āļšāļ™ āļ—ื่āļ­āđ† āđāļ‚็āļ‡ Serif: āđ€āļ›็āļ™ Font āļ—ี่āļĄีāļ­āļ‡āļ„์āļ›āļĢāļ°āļāļ­āļšāļĄāļēāļāļāļ§่āļē Sans-serif āļ­āļĒ่āļēāļ‡āļĢูāļ›āļ”้āļēāļ™āļšāļ™ Monospace: āđ€āļ›็āļ™ Font āļ—ี่āļĄีāļ„āļ§āļēāļĄāļāļ§้āļēāļ‡āļ‚āļ­āļ‡āđāļ•่āļĨāļ°āļ•ัāļ§āļ­ัāļāļĐāļĢāđ€āļ—่āļēāļัāļ™āđāļ›āļ°āđ† āļ—āļģāđƒāļŦ้āļŠāļēāļĄāļēāļĢāļ–āđ€āļ­āļēāļĄāļēāđ€āļ›āļĢีāļĒāļšāđ€āļ—ีāļĒāļšāļˆāļģāļ™āļ§āļ™āļ•ัāļ§āļ­ัāļāļĐāļĢāđ„āļ”้āļ‡่āļēāļĒ āļĢāļēāļĒāļ°āđ€āļ­ีāļĒāļ”āđ€āļžิ่āļĄāđ€āļ•ิāļĄ: http://www.w3schools.com/css/css_font.asp

TSwipe-Free Keyboard āļ āļēāļĐāļēāđ„āļ—āļĒāļšāļ™ Android

TSwipe-Free āđ€āļ›็āļ™ Program Keyboard āļ āļēāļĐāļēāđ„āļ—āļĒāļšāļ™ Android āļ•ัāļ§āļ™ึāļ‡āđ€āļŦāļĄืāļ­āļ™āļ—ี่āļĄัāļ™āļĄีāļĄāļēāđƒāļŦ้āļัāļšāđ€āļ„āļĢื่āļ­āļ‡ Android āđƒāļ™ Samsung āđ‚āļ”āļĒāļ—ี่ Samsung Galaxy Spica āļ™ั้āļ™āļˆāļ°āļĄี Keyboard CN Thai āļĄāļēāđƒāļŦ้āļ‹ึ่āļ‡ ok āļĄัāļ™āđƒāļŠ้āđ„āļ”้āļ”ีāļ„่āļ­āļ™āļ‚้āļēāļ‡āļ‰āļĨāļēāļ” āđāļ•่ Keyboard āļšāļ™ Samsung Galaxy S āđ€āļ›็āļ™ Keyboard āđ„āļ—āļĒāļ—ี่āđƒāļŠ้āđāļĨ้āļ§āļ„่āļ­āļ™āļ‚้āļēāļ‡āļŦāļ‡ุāļ”āļŦāļ‡ิāļ”āļĄāļēāļāļāļāļāļāļ āđ‚āļ”āļĒ Samsung Galaxy S āļĄี Keyboard āđ„āļ—āļĒāļ—ี่āļ„่āļ­āļ™āļ‚้āļēāļ‡āļˆāļ°āđāļ›āļĨāļāđ† āļ‹ัāļāļŦāļ™่āļ­āļĒ āļĨāļ­āļ‡āļ”ูāđƒāļ™āļĢูāļ›āļ”้āļēāļ™āļĨ่āļēāļ‡ credit āļĢูāļ›āļ™ี้āļĄāļēāļˆāļēāļ Samsung-Galaxy-S-Review-by-Natz āļžāļ­āļ”ีāđ€āļ„āļĢื่āļ­āļ‡āļœāļĄāđ„āļĄ่āđ„āļ”้āļĨāļ‡ ROM āđ„āļ—āļĒāđ€āļĨāļĒāļ•้āļ­āļ‡āđ„āļ›āļ‚āļ­āļĒืāļĄāļ āļēāļžāļĄāļēāļˆāļēāļāļ„āļ™āļ­ื่āļ™ āļ‹ึ่āļ‡āļˆāļēāļ Keyboard āļˆāļ°āđ€āļŦ็āļ™āđ„āļ”้āļ§่āļēāļĄัāļ™āđāļŠāļ”āļ‡āļ—ุāļāļ•ัāļ§āļ­ัāļāļĐāļĢāđ€āļĨāļĒ āļ—āļģāđƒāļŦ้āļšāļēāļ‡āļ›ุ่āļĄāđ€āļĢāļēāđ„āļĄ่āļĢู้āļ§่āļēāđ€āļĢāļēāļāļģāļĨัāļ‡āļāļ”āļ•ัāļ§āļ­ัāļāļĐāļĢāļ­āļ°āđ„āļĢ āļ­āļĒ่āļēāļ‡āđ€āļŠ่āļ™ āļšัāļ”āļ‹āļšāļĄāļēāļāļŠีāļ§ิāļ• āđ€āļĢāļēāļāļ”āļ›ุ่āļĄāļ™ี้āļˆāļ°āđ„āļ”้āđ€āļ›็āļ™āļ•ัāļ§āļ­ัāļāļĐāļĢāļ­āļ°āđ„āļĢ āđ€āļĢāļēāđ„āļĄ่āļĢู้āđ€āļĨāļĒ āđ‚āļ”āļĒāļāļēāļĢāļžิāļĄāļž์āļ„āļģāļŠāļĄāļĄāļ•ิāđ€āļĢāļēāļˆāļ°āļžิāļĄāļž์āļ„āļģāļ§่āļē "āđ„āļ›" āđ€āļĢāļēāļāļ” keyboard āļ„āļģāļ§่āļē āļ‹ึ่āļ‡āļ„āļģāļ—ี่āļĄีāļˆāļ°āđāļŠāļ”āļ‡āļ­āļ­āļāļšāļ™āļŦāļ™้āļēāļˆāļ­āļˆāļ°āđ€āļ›็āļ™ "āđ„āļœ" āļ‹ึ่āļ‡āđ„āļĄ่āđƒāļŠ่āđāļ•่āļĄัāļ™āļˆāļ°āļĄีāļ„āļģāđāļ™āļ°āļ™āļģāļĄāļēāļ§่āļēāđ€āļĢāļēāļˆāļ°āļžิāļĄāļž์āļ„āļģāļ§่āļē "āđ„āļ›" āļŦāļĢืāļ­āđ€āļ›āļĨ่āļēāđ€āļĢāļēāļ•้āļ­āļ‡āđ€āļĨืāļ­āļāļ­ีāļāļ—ี āļ‹ึ่āļ‡āļ•้āļ­āļ‡āļ—āļģāđāļšāļšāļ™ี้āđ€āļ›็āļ™āļ„āļģāđ† āđ„āļ› āđ„āļĄ่āļŠāļ™ุāļāđ€āļĨāļĒ āđƒāļŠ้āđ„āļ›āđƒāļŠ้āļĄāļēāļ›āļ§āļ”āļŦัāļ§āļĄāļēāļāļāļāļāļāļāļāļāļāļāļāļāļāļ āļ—ี่āđ€āļ›็āļ™āđ€āļŠ่āļ™āļ™ี้āđ€āļžāļĢāļēāļ° Layout Keyboard āđ€āļ›็āļ™āđāļšāļš QWERTY āļ‹ึ่āļ‡āļĄัāļ™āđ€āļ›็āļ™āđ„āļ›āđ„āļĄ่āđ„āļ”้āļ—...