Accessibility Links

  1. • การสร้าง Graph โดยใช้ XHTML CSS

    โดย MC_Cathie เมื่อ 2008-07-02 18:14:25

    สร้าง Graph กับ xhtml + css ผมลองนั่งคิด หาวิธีการ และจนกระทั่งทดลองทำ ใช้กลยุทต่าง ๆ ที่พอจะมีหาได้สะสมมาจากการทำงาน ประยุคเข้าไปให้มันใช้งานได้คงเคยเห็นมาบ้างแล้วการสร้าง Graph กับ css มีบทความให้เห็นกันอยู่มากพอสมควร อาจจะใช้ java script เข้าช่วยบ้างในบางแทคนิค แต่ก็ยังรู้สึกว่า มันค่อนข้างที่จะซับซ้อนมาก ทำความเข้าใจยากมากกับ Code ของหลาย ๆ ท่าน ผมก็เลยคิดหาทางสร้างขึ้นมาใหม่ตัวหนึ่ง ซึ่งคิดว่าน่าจะเป็น Code ง่าย ๆ ที่ผมเองพอจะทำได้ และ ลองเอามาแนะนำ เผื่อเอาไปต่อยอดความคิด ประยุคใช้เผื่อจะเกิดความคิดใหม่ ๆ ในงานของเรา เป็นการคิดนอกกรอบต่อยอดไปเรื่อย ๆ ครับ

    ส่วนใหญ่ที่ผ่านมาเราจะเห็นเป็นการนำเอารูปภาพสำเร็จมาวางแล้วใช้ attribute alt หรือ title เป็นตัวขยายความบ่งบอกความหมายของรูปนั้น ๆ หรือ ใช้ flash หรือ Ajax, Javascript อย่างที่เกริ่นไว้ข้างต้น (อนาคตอันใกล้ Flash จะสามารถมองเห็นได้ด้วย Search Engine แล้ว ถ้าเป็นความจริง Flash Web Designer ก็คงจะได้เฮกันล่ะครับ) แต่ผมมุ่งประเด็นไปตรงที่ว่า หากทำให้ Graph สื่อช้อมูลได้ตรงประเด็นจริง ๆ รับรู้ข้อมูลได้จริง ๆ อ่านค่าได้จริง ว่าในแต่ละข้อมูลนั้นได้เปรียบเทียบกันแล้วเป็นอย่างไร และถ้าหากว่าวันใดวันหนึ่ง file css หายไป การเรียงของข้อมูล และการให้ข้อมูลจะยังคง ปะติดปะต่อ เหมือนเดิม หรือเปล่า ไม่ใช้เป็นแค่รูปภาพที่แสดงขึ้นมาเฉย ๆ ไม่ได้บอกข้อมูล หรือรายละเอียดแต่อย่างได (ก็คือความเป็น semantic นั่นแหละ) ทำให้ข้อมูลเป็นประโยชน์ที่สุด มีประสิทธิภาพที่สุด ในการให้ข้อมูลแก่บุคคลทั่วไปที่ค้นหาข้อมูล ทั้งนี้จะได้ในเรื่องความเป็น Accessibility ในการให้ข้อมูล รายละเอียดต่าง ๆ ที่สามารถเข้าดูข้อมูลได้หลาย User ได้หลาย ๆ ทาง และรับรู้ข้อมูลได้เหมือน ๆ กัน ไม่ว่าจะเป็นการเข้าดูกับอุปกรณ์ อิเล็กทรอนิคต่าง ๆ ก็จะได้ข้อมูลที่ตรงกับความต้องการ และตรงกับการสื่อของผู้ส่งสาร (ดีไหมครับ ^^)

    Tags:

    1. Graph
    2. XHTML
    3. CSS

  2. • ทำ Rollover Navigation Menu ด้วย CSS อย่างง่าย

    โดย radiz เมื่อ 2008-05-12 17:29:49

    ไม่ได้เขียนอะไรเกี่ยวกับการลงมือทำบ้างเลย เขียนแต่เรื่อง concept แนวคิดมานานพอสมควรแล้ววันนี้ท่านเจ้าสำนักของเรา แยบ ๆ ผมมาว่าปลาเอ้ย เขียนเกี่ยวกับวิธีการปฏิบัติสักหน่อยสิ นักเขียนท่านอื่น เขาไม่ส่งบทความมาเสียที เขียนไปก่อนละกัน โอเค ก็ไม่รู้จะเขียนอะไรน่ะนะ O_o นั่งคิดอยู่นาน เอา Rollover Navigation ละกันนะ แบบแรกเป็นรูปภาพ Rollover ง่าย ๆ เลยละกัน เผื่อท่านใดอยากได้แนวทางการนำไปใช้ ถ้าท่านใดรู้แล้วก็มาแลกเปลี่ยนกันเผื่อจะได้อะไรที่มันประหยัดกระทัดรัด เอามาอวดมาเฉิดฉายกันหน่อย ในส่วนของ xhtml

    Tags:

    1. css
    2. navigation bar
    3. navigation menu

  3. • Accessibility หน้าทีเ่ราไม่ใช่หน้าที่ใคร | วิธีง่าย ๆ ในการทำ Web Accessibility

    โดย radiz เมื่อ 2008-02-22 23:25:23

    เรามาต่อกันจากตอนที่แล้วที่ผมเขียนไว้เมื่อ เดือน หรือ สองเดือนที่แล้วกัน กับบทความนี้ผมจะเรียบเรียงรวบขั้นตอนเบื้องต้นของการทำ Web Accessibility ง่าย ๆ มาแลกเปลี่ยนกัน

    Tags:

    1. aceesibility
    2. css
    3. xhtml

  4. • เปรียบเทียบ Selectors ของ CSS2 และ CSS3

    โดย พร อันทะ เมื่อ 2008-02-19 09:19:54

    css2 และ css3 มีรูปแบบการใช้งาน selectors เพิ่มมากยิ่งขึ้นและแตกต่างกันออกไป มาดูกันว่า css3 มี selectors เพิ่มมา มากน้อยเท่าใด และเราจะเตรียมตัวนำไปใช้ได้อย่างไรกันบ้าง

    Tags:

    1. selectors
    2. css3
    3. css2

  5. • CSS Layout ในรูปแบบต่างๆ

    โดย พร อันทะ เมื่อ 2008-01-19 15:57:00

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

    Tags:

    1. layout
    2. css layout
    3. selector

  6. • ลับสมองไปกับ float ตอนที่ 1

    โดย radiz เมื่อ 2007-12-31 21:03:14

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

    Tags:

    1. float
    2. css
    3. box model

  7. • IE8 ข่าวร้าย หรือข่าวดี

    โดย พร อันทะ เมื่อ 2007-12-15 22:32:28

    ไม่น่าเชื่อว่าผมจะใจจดใจจ่อกับการมาถึงของ IE8 ได้ขนาดนี้ เมื่อประมาณเดือนตุลาคม 2549 ผมเขียนบทความเรื่อง “มันมาแล้ว! บราวเซอร์ห่วย? หรือเปล่า” เพื่อก้มมอง IE7 เล็กๆ แต่ไม่คิดว่า แค่เพียงหนึ่งปีให้หลัง IE8 จะตามมาเร็ววันขนาดนี้

    Tags:

    1. ie8
    2. firefox
    3. browser

  8. • ลดปัญหาโลกร้อนด้วยการเขียน XHTML, CSS อย่างถูกวิธี

    โดย พร อันทะ เมื่อ 2007-12-14 13:48:42

    เกาะกระแสโลกร้อนกันดีกว่าครับ ปัญหาที่ทั่วโลกให้ความสนใจ เมืองไทยไม่ยอมน้อยหน้า แล้วอันใด เราชาว XHTML, CSS จะยอมน้อยหน้า มาช่วยกันเขียนเว็บเพื่อลดปัญหาโลกร้อนกันดีกว่า

    Tags:

    1. xhtml
    2. css
    3. web standards

  9. • การจัดการ font ในเอกสาร XHTML โดยใช้ CSS

    โดย radiz เมื่อ 2007-12-11 16:24:29

    เป็นที่ทราบกันอยู่แล้วว่าขนาด default ของ font ในแต่ละ browser เวลาที่เรากด small, smaller, medium, larger และ largest นั้นอยู่ในหน่วย % คือ 90%, 100%, 110% และ 120% แต่ขนาด zoom นั้นจะเป็นเอกลักษณ์ของแต่ละ browser

    Tags:

    1. font
    2. xhtml
    3. css

  10. • CSS3 เพื่ออะไร?

    โดย พร อันทะ เมื่อ 2007-12-01 01:14:54

    CSS3 เริ่มเขียนเริ่มใช้กันได้แล้ว หาซื้อได้ตามร้านโชวห่วยทั่วไป แต่ อะไรกันแค่เพียง CSS1 กับ CSS2-2.1 ยังเขียนไม่หวาดไม่ไหว จะจู่โจมสู่ไตรภาคกันแล้วหรือ ค่อยๆ เขียนค่อยๆ เพิ่มกันไป จะให้ผมมาเขียนเชียร์แบบบ้าพลัง

    Tags:

    1. css3
    2. css

  11. • web standard บนเวทีการเมือง

    โดย radiz เมื่อ 2007-11-08 16:19:10

    จากที่พรได้ส่งบทความ เสียงลือ เสียงเล่าอ้าง จาก Bruce Lawson ที่เขียนใน webstandards.org เกี่ยวกับ Web Standards ที่ได้ถูกนำเข้าไปบัญญัติเป็นกฏหมายของประเทศอังกฤษ

    Tags:

    1. web standards
    2. css
    3. xhtml

  12. • แนวทาง ในการแก้ไขปัญหา Float Model

    โดย oat_army เมื่อ 2007-11-08 16:15:02

    การจัดวาง layout เพื่อใส่ content ในเวปนั้น เราสามารถใช้ได้ทั้ง การกำหนด position หรือการใช้ float ซึ่งทั้งสองมีรูปแบบการใช้ที่แตกต่างกัน โดยในที่นี้เราจะพูดถึงการใช้ Float กับการจัดวาง Layout

    Tags:

    1. css
    2. layout
    3. float

  13. • ทำไม CSS XHTML มันไม่ใช่แค่ที่เห็น

    โดย พร อันทะ เมื่อ 2007-10-24 11:44:45

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

    Tags:

    1. xhtml
    2. css
    3. semantic web

  14. • 10 ปี CSS: และ สิ่งที่กำลังจะเกิดที่ควรรู้

    โดย radiz เมื่อ 2007-10-11 18:01:38

    CSS จะมีอายุครบ 10 ขวบในปีนี้ (17 ธันวาคม 2550) น่าจะเฉลิมฉลอง พร้อมกับมาลองมองย้อนกลับไปในอดีต และ มาร่วมคิดวางแผน มองไปในอนาคตเพื่อพร้อมที่จะก้าวไปข้างหน้า

    Tags:

    1. 10 ปี css
    2. css
    3. at tenth

  15. • Multi-Column Layout Design

    โดย radiz เมื่อ 2007-10-03 23:59:20

    ผมเชื่อว่าหลายคนคงเคยมีปัญหากับการที่ต้องออกแบบ CSS สำหรับ Layout ที่ถูก design มาหลาย ๆ column แล้ว column เหล่านั้นต้องมีความสัมพันธ์กันเมื่อ content ของฝั่งใดฝั่งหนึ่งนั้นยืดออกในแนวตั้ง อีกข้างก็ต้องยืดตามเท่ากัน

    Tags:

    1. css
    2. multi column
    3. fluid layout