เปิดให้ดาวน์โหลดมาทดลองใช้กันได้แล้วครับ กูเกิล โครม เบราเซอร์ จากกูเกิล ซึ่งตอนนี้ยังเป็นตัว beta อยู่ แต่ในอนาคตอาจมีผู้ใช้เยอะ จนผมต้องทำเว้บให้ support เจ้าตัวนี้ด้วยก็ได้ เท่าที่ทดลองใช้ดู ก็เปิดหน้าด้วย divland ได้ปกติดีครับ ช่องเสิชกับช่อง address bar เป็นช่องเดียวกัน menu bar ไม่มี หรือมีแต่หาไม่เจอไม่รู้ เดี๋ยวลองใช้สักพัก ถ้ามีไรน่าสนใจใหม่ๆจะมาบอกแล้วกันครับ ทดลองโหลดไปใช้กันที่นี่ครับ ดีไม่ดียังไงบอกกันมั่งเน้ออ

• ดาวน์โหลด google chrome
  คุณสมบัติต่างๆของ google chrome ภาษาไทย
• http://tools.google.com/chrome/intl/th/features.html
• การ์ตูน Google Chrome ภาคภาษาไทย ตอนที่ 1 – ความเสถียร การทดสอบ และสถาปัตยกรรมมัลติโปรเซส
• การ์ตูน Google Chrome ภาคภาษาไทย ตอนที่ 2 – ความเร็ว: WebKit และ V8
• การ์ตูน Google Chrome ภาคภาษาไทย ตอนที่ 3 – การค้นหาและประสบการณ์ผู้ใช้
• เครื่องมือและฟีเจอร์เด่นๆของ Google Chrome สำหรับนักพัฒนา Developers, Webmasters
• ใครว่า Google Chrome ไม่มีธีม / เชิญโหลดได้ที่นี่
• จุดอ่อนเรื่องความปลอดภัยที่อันตรายใน Google Chrome Browser
• ข้อดี-ข้อเสีย ของ Google Chrome (เบต้า)
• Review : “Google Chrome” เสถียร ไว อ่านไทยฉลุย

เมื่อเราเขียน CSS มาจนถึงระดับหนึ่งแล้ว เราจะพบว่า CSS ก็คือการตกแต่งหน้าตาเว็บไซต์ ให้สวยงาม เป็นการแสดงผลเท่านั้น เหมือน HTML ไม่สามารถโต้ตอบกับผู้ใช้ได้เหมือน php asp เราจะทำอย่างไรหากต้องการให้ หน้าตาเว็บไซต์ ถูกกำหนดโดยผู้ใช้ เลือกสีกรอบได้ คลิกแล้วเปลี่ยนกรอบได้ ฟังดูน่าสนใจใช่มั้ยล่ะครับ

ในกรณีนี้ เราจะใช้ จาวาสคริป เข้ามาช่วยควบคุม ลองมาดูตัวอย่าง การทำ Toggle อย่างง่ายกันครับ

เริ่มต้นเรามี HTML ดังนี้

<h2>Menu</h2>
<div id="abc" style="display:none";>
submenu
submenu
</div>

เราจะเขียน javascript เพื่อเปลี่ยน style ของ div ดังนี้
อ่านต่อ คลิกที่นี่ »

ก่อนที่ผมจะรู้จัก CSS นั้น การทำปุ่มเมนูในรูปแบบนี้ นั้นต้องใช้ รูป ถึง 3 รูปเลยทีเดียว คือ รูปขอบด้านซ้าย รูปพื้นที่ตรงกลาง และรูปขอบมนด้านขวา แต่ตอนนี้เราสามารถใช้ CSS ช่วยโดยใช้รูปเพียงรูปเดียว ประหยัดเวลา ประหยัดแบนวิธ ใช้ง่าย ในทุกที่ ยืดได้ แม้ ประโยคจะยาว ลองมาดูวิธีกันครับ

Image

ด้านบนนี้คือตัวอย่างรูป ที่เราจะใช้กัน แต่ผมจะไม่บอกวิธีการทำรูปนะครับ ดาวน์โหลด .psd ไปศึกษาหรือปรับเปลี่ยนกันดูเองนะครับ menubutton.psd
อ่านต่อ คลิกที่นี่ »

ในการออกแบบบล็อก จะสังเกตได้ว่าการออกแบบส่วนประกอบต่าง ๆ จะมีความแตกต่างกัน ในบทความนี้ผมจะแยกส่วนประกอบพวกนี้ออกเป็น 9 ส่วน หากคุณให้ความสนใจในแต่ละส่วนมากเท่าไหร่ ภาพรวมของบล็อกที่ออกมาจะดูดีมากเท่านั้น

1. ส่วนหัว(Header)
2. ส่วนเนื้อหา(Content Area)
3. เมนูหลัก(Primary Navigation)
4. เมนูรอง(Secondary Navigation)
5. หัวเรื่อง(Headlines)
6. ส่วนแสดงความคิดเห็น(Comments)
7. ส่วนท้ายของบทความ(Post’s Footer)
8. ส่วนท้ายของบล็อก(Footer)
9. โฆษณา(Advertisements)

1.ส่วนหัว(Header)

ส่วนหัวเป็นส่วนที่ผู้เยี่ยมชมส่วนใหญ่จะเห็นเป็นส่วนแรก เมื่อเข้ามาในบล็อกของคุณ และเป็นส่วนที่สำคัญที่สุด มันเป็นสิ่งเดียวที่จะแยก ให้เห็นถึงความแตกต่างระหว่างบล็อกของคุณกับบล็อกอื่น ๆ นับล้านบล็อก เป็นสิ่งที่แสดงถึงเอกลักษณ์ของบล็อกคุณเพื่อให้เกิดการจดจำ จากที่กล่าวมาแสดงให้เห็นว่าทำไมส่วนหัวจึงสำคัญมากที่สุด ในบรรดากระบวนการออกแบบบล็อก แม้แต่คนที่ไม่ให้ความสนใจกับการออกแบบบล็อกสักเท่าไหร่ แต่เขาก็ให้ความสำคัญกับส่วนหัวมาก

ตัวอย่างส่วนหัวที่ดี

1. Octwelve

Octwelve เป็นตัวอย่างที่ดีของการใช้ตัวอักษรที่สวยงาม ในส่วนหัวเพื่อทำให้ส่วนหัวแตกต่างจากส่วนอื่น ๆ ของบล็อกอย่างเห็นได้ชัด และยังทำให้คุณรู้ว่าบล็อกนี้มีเนื้อหาเกี่ยวกับอะไร

2. Cult foo

ผมชอบส่วนหัวของ Cultfoo ตรงที่รูปภาพทะลุออกมาจากกรอบ ที่เดิมทีจะเป็นกรอบโค้งและกรอบเหลี่ยม การออกแบบแบบนี้เรียกร้องความสนใจให้บล็อกได้เป็นอย่างดีทีเดียว

อ่านต่อ คลิกที่นี่ »

มาดูกราฟฟิคเอนิเมชั่นสวยๆ จาก Street Fighter IV กัน สุดยอดเกมส์ ที่น้อยคนที่จะไม่รู้จัก ผมเล่นมาตั้งแต่เด็กๆเลย ตั้งแต่ ภาค 2 ตู้เกมส์โน่น มี 2 คลิปครับ ดูกันเลย

Street Fighter IV: A New Beginning

อ่านต่อ คลิกที่นี่ »