Tag: web design

  • โลกของเราขาวไม่เท่ากัน: ข้อคำนึงเพื่อเว็บขาวดำแต่พอดี

    โลกของเราขาวไม่เท่ากัน: ข้อคำนึงเพื่อเว็บขาวดำแต่พอดี

    วิธีลดสีเว็บด้วย CSS ปัญหา ทางแก้ วิธีแปลงภาพจำนวนมาก หลักการใช้สีจาก W3C และ Apple / ขอให้ทุกคนผ่านช่วงนี้ไปด้วยกัน เรียนรู้การอยู่ร่วมกัน ไม่ว่าจะเห็นสีเหมือนกันหรือไม่ก็ตาม

  • get semantic with HTML 5

    Lachlan Hunt รีวิว HTML 5 ให้เราดูกันว่าจะมีอะไรเปลี่ยนแปลงไปในข้อกำหนด HTML รุ่นต่อไปบ้าง พร้อมตัวอย่างและภาพประกอบ (โดย Kevin Cornell) เข้าใจง่าย เมื่อเทียบกับ HTML 4 (รุ่นปัจจุบัน) แล้ว HTML 5 นอกจากจะมีแท็กใหม่ ๆ ที่รองรับเทคโนโลยีเว็บที่พัฒนาขึ้น เช่นแท็กเกี่ยวกับไฟล์ภาพเคลื่อนไหวและเสียงแล้ว อีกจุดสำคัญของ HTML 5 ก็คือ มันจะมี โครงสร้าง (structure) และ ความหมาย (semantic) ที่ชัดเจนขึ้นด้วย เมนู ที่ปรากฎอยู่บนจอ ก็จะถูกระบุว่าเป็นเมนู ไม่ใช่แค่ตารางที่วางอยู่ด้านขวาของจอ ชื่อหนังสือ ที่ปรากฎอยู่บนจอ ก็จะถูกระบุว่าเป็นชื่อหนังสือ ไม่ใช่แค่ข้อความอันหนึ่งที่อยู่หลังคำว่า “ชื่อหนังสือ:” ปัจจุบันนี้ นักออกแบบ/พัฒนาเว็บส่วนหนึ่ง พยายามที่จะเขียนโค้ดหน้าเว็บที่แยกเอา หน้าตา (presentation) ออกมาจาก เนื้อหา (content) ไม่ให้ปะปนกัน โดยส่วนของหน้าตาจะนำไปใส่ใน Cascading […]

  • The Visual Design of Web 2.0

    Web 2.0 … หน้าตาเหมือนกันไปหมด! จริงรึเปล่า? 😛 technorati tags: Web 2.0, design

  • What is Web 2.0

    Tim O’Reilly – What is Web 2.0 ? Design Patterns and Business Models for the Next Generation of Software via anon tags: Web 2.0

  • 10+ Firefox Extensions For Web Development

    Firefox Extensions For Web Development Web Developer Extension, Aardvark, Colorzilla, Fang, Link Checker, Measure It, Screen Grab, IE View, Fire FTP, HTML Validator, Firebug tags: Firefox, web development

  • Yahoo!! 2.0

    Yahoo! UI Library & Yahoo! Design Pattern Library Help you create “Web 2.0”-ish website, the Y! way.

  • CSS @media rule

    Ease the Pain with IE6 Printing describes how to turn some elements on on the screen, but turn them off when we going to print the page out. This is possible by using CSS @media rule, part of CSS2 standard. ถ้าใช้เท็มเพลตของ Blogger.com ก็ใส่โค้ดนี้เข้าไปหลัง <style> @media print { #header, #description, #sidebar { display: none; } } […]

  • free web design & photos

    OSWD (web design templates) & Stock.XCHNG (photos stock)

  • DevEdge หายต๋อม

    เพิ่งจะรู้นะเนี่ย ตกข่าว พอดีสองวันก่อนนึกอยากลองเขียน bookmarklet เล่นๆ ก็เอาโค้ดชาวบ้านมาแก้ๆ ลองเล่นดู ทีนี้ก็อยากจะรู้ว่า method เกี่ยวกับ DOM ของ JavaScript มันใช้ว่ายังไงบ้าง ก็จะเข้าไปดูที่ DevEdge นี่แหละ ตามปกติ ปรากฏว่าดูไม่ได้ เห็นแต่หน้าว่างๆ ก็นึกว่าเซิร์ฟเวอร์คงมีปัญหามั้ง ไม่ได้ติดใจอะไร วันนี้ลองใหม่ ยังไม่ได้แฮะ .. แปลกๆ ละ เลยลองค้นใน Google ดู หาข่าวเกี่ยวกับเรื่องนี้ ปรากฏว่า มันหายไปจริงๆ (ลอง: devedge.netscape.com) DevEdge เว็บไซต์สำหรับนักพัฒนาของ Netscape ที่มีบทความและเอกสารอ้างอิงดีๆ เกี่ยวกับเว็บเทคโนโลยีมากมาย โดยเฉพาะ JavaScript, DOM, CSS และ Gecko เรียกได้ว่าเป็นที่อ้างอิงหลักสำหรับนักพัฒนาด้านนี้เลยล่ะ (JavaScript นี่ Netscape ก็เป็นคนสร้างมาตั้งแต่แรกด้วย) พอหายไปปุ๊บ คนก็เดือดร้อนกันถ้วนหน้า (น่าจะใช้คำว่า ‘ถ้วนหน้า’ […]

  • Standard-compliant Web Design

    มีเบราเซอร์ที่ทำตามมาตรฐานแล้ว ก็ต้องมีเว็บที่ทำตามมาตรฐานด้วย — ไม่งั้นก็ไม่มีใครใช้ Standard-compliant web browser (like Firefox, Konqueror, Mozilla Suite, Netscape, Opera, and Safari) goes best with standard-compliant website. Promoting standard-compliant browser alone is not enough. To gaining more momentum, and also general web audiences “peace of mind”, we have to further promoting the web standards. The more webs comply to the standards, […]