���� ���ö����ͧ

Archive for the ‘Css Bolg’ Category

Installing varnish reverse proxy for Ubuntu

varnish reverse proxy คืออะไร

แสดงการทำงานของ varnish
อธิบายง่ายๆมันก็คือ reverse proxy นั่นเองง่ายไหมอิอิ varnish มันก็คือชื่อเรียกของ cache หรือ reverse proxy นั่นแหล่ะตามที่ผมเข้าใจ Varnish reverse proxy หลักการทำงานก็คือ เมื่อมีคนเรียกเว็บเข้ามามันก็จะผ่าน varnish reverse proxy ก่อนแล้ว varnish reverse proxy ก็จะทำหน้าที่เรียกไปยัง port ที่เราเชตไว้เช่น apache (หรือ images file เป็นต้น) มันจะไม่ผ่าน apache โดยตรงครับ

Turn On Compression to Speed Up Apache with Ubuntu 8.04.1

Turn On Compression to Speed Up Apache with Ubuntu 8.04.1

แก้ไข Server Apache เพื่อทำให้เว็บไซต์ Blog ของเราโหลดเร็วด้วยการทำ Gzip ครับ วิธีเช็คดูได้จาก firebug นะครับ เริ่มเลยแล้วกัน
edit /etc/apache2/conf.d/deflate.conf
#nano /etc/apache2/conf.d/deflate.conf

หลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันสุดท้าย

หลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันสุดท้าย

web accessibility วันสุดท้าย
วันอบรมหลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันสุดท้าย อาจารย์ให้ทำการออกแบบเว็บไชต์ตามข้อกำหนดดังนี้

มี 4 ส่วนหลักๆ เมนูหลัก, เมนูย่อย, เนื้อหาและส่วนท้าย
skip navigation
Breadcrumb (navigation)
ตารางและฟอร์ม
ผ่านมาตราฐาน WCAG 2.0 / TWCAG 2008 ระดับ A
ผ่านมาตราฐาน W3C
และอื่นๆอีกเพียบ

หลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันที่สอง

หลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันที่สอง

web-accessibility วันที่สอง
วันที่สองของการฝึกอบรมหลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันแรกซึ่งวันนี้ช่วงเช้าได้เรียนเกี่ยวกับเรื่องการทำตารางซึ่งช่วงแรกๆก็งงๆอยู่ครับแต่พอเข้าใจการเขียนให้ถูกหลักคนพิการเข้าถึงได้มันก็ง่ายแค่อ้างอิง ID เหมือนเขียนโปรแกรมเลย จริงๆใช้ Table ในการออกแบบตารางก่อนค่อยปรับเป็นการเขียนแบบตามข้อกำหนดของ W3C ก็ได้เหมือนกันครับเพื่อลดเวลาในการทำงาน ช่วงบ่ายได้เรียนเรื่องการเขียน CSS (Cascading Style Sheets)

หลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันแรก

หลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง-วันแรก

web-accessibility วันแรก
ผ่านไปวันแรกของการเข้าอบรม หลักสูตรการพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ระดับสูง ที่กระทรวง ICT จัดขึ้น เพื่อให้ผู้อบรมมีทักษะในการพัฒนาเว็บไซต์สำหรับผู้พิการทางสายตาได้ และเพื่อให้ผู้อบรมสามารถพัฒนาเว็บไซต์สำหรับให้ทุกคนเข้าถึงได้ในระดับ AA

Nextwebapps2008

ประมวลภาพ Thailand Next Web Apps 2008
เมื่อ 16 สิงหาคม 2551 ที่ผ่านมานี้มีงาน Thailand Next Web Apps 2008 ที่ตึกไทยซัมมิต ถนนเพชรบุรีตัดใหม่ กรุงเทพฯ
งาน Thailand Next Web Apps (TNWA) เป็นงานสัมนาแบบเปิดกว้าง (unconference) ในภาษาไทยและอังกฤษ เน้นเป้าหมายไปที่การรวมกลุ่มของเว็บโปรแกรมเมอร์, เว็บดีไซน์เนอร์ และสาขาอื่นๆ ที่เกี่ยวข้องกับการพัฒนาเว็บ ให้ได้มาพูดคุยแลกเปลี่ยนความรู้ และเปิดโอกาสให้บริษัทหน้าใหม่ ได้มีโอกาสนำเสนอผลงานต่อสาธารณชน (จริงๆไปเพราะต้องการได้เสื้อมากกว่าครับอิอิ) แต่ไปแล้วก็ดีครับได้เจอเพื่อนเก่าๆและได้เพื่อนใหม่ในงานนี้ด้วย ได้เปลี่ยนนิสัยผมจากเล่นแต่ MSN ต้องหันกลับมาเล่น Gtalk อีกเหมือนเดิม จากที่ไม่ค่อยได้เล่น Twitter ต้องกลับมาเล่นอีก จริงๆเราต้องเล่นของไทยครับ Noknok.in.th นั่นเอง

การพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ ระดับสูง

การพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ ระดับสูง
แนะนำโครงการดีๆแก่สังคมไทยครับ โครงการพัฒนาสังคมแห่งความเท่าเทียมด้วย ICT เป็นโครงการที่จะช่วยลดความเหลื่อมล้ำในการเข้าถึงเทคโนโลยีสารสนเทศ (Digital Divide) อันเนื่องมาจากความด้อยโอกาสของประชาชน ที่มีผลมาจากความยากจน และพิการทางร่างกาย
จุดประสงค์ของโครงการนี้
1. เพื่อส่งเสริมให้ผู้พัฒนาเว็บไซต์ ได้ตระหนักถึงปัญหา อุปสรรคในการเข้าถึงเว็บไซต์ของกลุ่มคนพิการทางสายตาที่ใช้งานคอมพิวเตอร์ได้ และทราบแนวทาง วิธีการในการปรับปรุงและพัฒนาเว็บไซต์ที่ทุกคนเข้าถึงได้ตามข้อกำหนดเบื้องต้นของ World Wide Web Consortium (W3C) เพื่อสร้างโอกาสในการเข้าถึงเว็บไซต์สำหรับกลุ่มคนพิการที่ใช้งานคอมพิวเตอร์ได้

Byte-Order Mark found in UTF-8 File

Byte-Order Mark found in UTF-8 File.
The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.
วันนี้นั่งทำเว็บเปิดร้านค้าซึ่งเป็นโปรเจ็คที่ซุ่มทำมานาน(3ปี) และได้ทำการออกแบบเว็บเป็น xhtml ลองเอาไป Validation ปรากฏว่าผ่านหมดแต่มีขึ้นเตือนอย่างนึงที่นานๆเจอที
This Page Is Valid XHTML 1.0 Strict!
Result:Passed validation, 1 warning(s)

สารบัญเว็บไทย Webindex 2.0

สารบัญเว็บไทย Webindex 2.0

Search ค้นหาอะไรก็เจอ(จริงอ่ะเปล่า)
สารบัญเว็บไทย 2.0 (Webindex2.0) ได้ปรับปรุงและพัฒนาเว็บไซต์ใหม่ โดยปรับปรุงระบบการใช้งานเดิม เพื่อให้ทันสมัย และการใช้งานที่ง่ายขึ้น พร้อมทั้งพัฒนาระบบใหม่ เพื่อรองรับเทคโนโลยี และตามกระแส Web2.0 (มาช้ายังดีกว่าไม่มา อุอุ)

webindex1.0 สู่ webindex2.0
เกริ่นเรียกน้ำย่อย
Webindex.sanook.com ได้ทำการเปลี่ยนแปลงเว็บในครั้งนี้น่าจะเป็น การสร้างสารบัญเว็บไทย 2.0 ให้เป็น WEBINDEX ไทยที่ใหญ่ดีที่สุดในประเทศไทย และได้มีการปรับปรุงผลการค้นหา ซึ่งได้คลอดมาเป็น BETA อยู่ภายใต้ที่ชื่อว่า http://beta.webindex.sanook.com/ รูปแบบการแสดงผลที่ตรงขึ้นสามารถแยกตัดคำได้ด้วยระบบ Engine ที่สามารถเรียนรู้ภาษาได้อย่างฉลาด ทั้งยังมีการออกแบบโครงสร้างเว็บเป็น XHTML และการใช้ CSS ได้อย่างลงตัวพร้อมทั้งการเข้าถึงข้อมูลได้ดีหรือที่เรียกว่า Web Accessibility นั่นเอง มีเพื่อนผมคนนึงมันชอบเรียกคำนี้มากๆ Web Accessibility อะไรๆก็ Web Accessibility มีคนบอกว่าการเขียน XHTML หรือการใช้ CSS ออกแบบเว็บนั้นใครๆก็ทำได้แต่จะทำยังไงให้เขียนถูกหลัก Web Standards นั้นมัน(โคตรยาก)

Document Type Declarations (DTD)

Document Type Declarations (DTD)
ว่าด้วยเรื่องการทำเว็บเพื่อ SEO ที่ดีนั้นเราควรจะใส่ DTD หรือที่เรียกว่า Document Type Declarations หรือเรียกสั้นๆว่า Doctype การประกาศคุณลักษณะ (DTD) คือการบอกมาตรฐานของ HTML และ XHTML ของเว็บที่เราได้สร้างขึ้นเพื่อบอกว่ามาตรฐานของเว็บเราใช้แบบไหนคุณลักษณะแบบใด พูดสั้นๆให้เข้าใจง่ายๆคือ การบอกว่าเว็บคุณทำอะไรภาษาอะไร ความสำคัญของเว็บระดับไหนและตรงส่วนไหนภายในโครงสร้างเว็บสำคัญ เป็นต้น การเขียนให้ผ่าน W3C นั้นไม่ยากเท่าไหร่ครับ แต่จะเขียนให้ถูกหลักการเข้าถึงข้อมูลที่ดี (Accessibility) นั้นยากกว่า
ลักษณะของ Document Type Declarations (DTD) ที่ต้องใส่ไว้บนสุดของ Website