Category Archives: Dev Life

มองนอกกรอบคนทำเว็บ ..ความสำเร็จของเว็บ

ในฐานะของคนทำเว็บ หรือเรียกกันเก๋ๆว่าเว็บเดฟ (Web Dev.) คำถามที่เจอประจำคือ “ทำได้มั๊ย” หรือ “ทำเสร็จเมื่อไหร่” ..คนทำเว็บส่วนใหญ่จะถูกโปรแกรมว่าจงทำให้เว็บเสร็จ  ..แต่ถ้าถามว่า “เว็บมันประสบความสำเร็จมั๊ย” คงน้อยคนที่จะตอบได้ เพราะหลายคนไม่เคยสนใจคำถามที่ว่า “ทำเว็บไปทำไม”

เมื่อคุณไม่มีเป้าหมาย มันจึงไม่มีคำตอบว่าเว็บของคุณอยู่ในจุดไหน ประสบความสำเร็จอย่างยิ่งยวด หรือ ล้มเหลวไม่เป็นท่า

เมื่อเว็บไซต์ครบถ้วน อัพโหลดไปอยู่บนอินเตอร์เน็ต มีโดเมนเนม มันเสร็จสิ้นกระบวนการการทำ

ผมเคยพูดถึง การทำเว็บแบ่งออกเป็น 4 ส่วน ตามหน้าที่-ความรับผิดชอบ ได้แก่ ออกแบบ (Design), เลย์เอาท์ (Layout), การทำงาน (Programming) และเนื้อหา (Content) ถ้าคุณทำ-คุณทำครบ 4 ส่วนนี้คือ เว็บเสร็จแน่ๆ ครับ

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

เครื่องมือสุดเจ๋งของคนทำเว็บ Notepad++ ..เพิ่งรู้

สำหรับคนทำเว็บ ตราบที่คุณเข้าใจรู้ว่าจะต้องเขียนอะไร จะใช้เท็กซ์-อีดิทเตอร์ (Text-Editor) อะไรเขียนมันก็ไม่ต่างกันหรอก เพราะเว็บมันก็เป็นแค่กลุ่มตัวอักษรเองไม่ใช่เรอะ!?

เครื่องมือในการทำเว็บคงแบ่งได้เป็น 2 แบบคือ หนึ่ง WYSIWYG คือทำแล้วเห็นเลยว่าหน้าเว็บเป็นยังไง ..แบบจับ ลากวาง คลิกเลือกปรับ นู่น นี่ นั่น อะไรทำนองนั้น

กับอีกแบบคือเป็นเท็กซ์-อิดิทเตอร์นี่แหละครับ คือตะลุยเขียนโค้ดเลย มีปัญญาพิมพ์ พิมพ์เข้าไป ทั้ง HTML / CSS / JavaScript /PHP ฯลฯ

ผมเองก็เคยใช้ซอฟต์แวร์หลายตัวในการทำเว็บ (บางตัวก็ใช้โดยมิชอบด้ว ยกฏหมายลิขสิทธิ์ ..ไม่ต้องบอกก็รู้มั้ง อะไรที่มันนิยมๆ กันน่ะ ..อักษรย่อ ด.ว.ว. ฮ่า ฮ่า) ซึ่งมันก็สะดวกดี ทำงานได้ทั้งแบบ WYSIWYG และแบบเท็กซ์-อิดิทเตอร์ ..แต่หลังๆ ผมนิยมพิมพ์โค้ดเองแฮะ มันควบคุมอะไรได้ดีกว่าเยอะ ..แถมเร็วกว่าขยับเมาส์จับ ลากวาง ปรับนู้น นี่ นั่นเป็นไหนๆ

แต่เพราะที่ทำงานใหม่นี่เค้าไม่ใช้ไอ้เจ้า ด.ว.ว. กัน เค้าใช้กันแต่ Notepad++ ครับ ผมก็เลยต้องปรับตัวให้เข้ากับสภาพแวดล้อมนิดนึง ตอนแรกๆก็อึดอัด แต่ก็ทำใจได้ เพราะอย่างที่บอกว่า หลังๆ ผมนิยมพิมพ์โค้ดมากกว่าอยู่แล้ว Continue reading เครื่องมือสุดเจ๋งของคนทำเว็บ Notepad++ ..เพิ่งรู้

ทำไมถึงควรแยกงานการวางเลย์เอาท์ออกจากโปรแกรมมิ่ง (2)

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

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

ทำเว็บให้ถูกต้องตามแบบที่เว็บดีไซเนอร์ออกแบบไว้

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

ทำให้ถูกต้องก็มีเรื่องของ การควบคุมองค์ประกอบบนหน้าเว็บได้แก่

  • ขนาดกว้าง-ยาว (ขอแทรกภาษาอังกฤษหน่อย; Width-Height)
  • ระยะ (Padding-Margin)
  • เส้น-ขอบ-กรอบ (Border)
  • ตัวอักษร: ขนาด สี ลักษณะ (Font: size, color, weight, caps, … )
  • พื้นหลัง (Background)

เท่าที่คิดออกก็ประมาณนี้แหละครับ นี่ยังไม่รวมถึงเทคนิคการนำมาใช้ เช่น การวางพื้นหลัง การเลือกฟอร์แมตภาพที่เหมาะสม Continue reading ทำไมถึงควรแยกงานการวางเลย์เอาท์ออกจากโปรแกรมมิ่ง (2)

ทำไมถึงควรแยกงานการวางเลย์เอาท์ออกจากโปรแกรมมิ่ง (1)

หลายต่อหลายคนมีความเข้าใจที่ไม่ค่อยถูกต้องเท่าไหร่นักเกี่ยวกับการทำเว็บ ว่าคนที่ทำเว็บสามารถเนรมิตทุกอย่างที่อยู่บนเว็บได้ ตั้งแต่ออกแบบจนถึงเอาเว็บไซต์ขึ้นอินเตอร์เน็ต ซึ่งความเป็นจริงมันถูกเพียงครึ่งเดียว (หรือน้อยกว่านั้น)

จะว่าหลายต่อหลายคนก็ไม่ถูก เพราะแม้แต่ระดับบริษัท เวลารับสมัครงานตำแหน่งเกี่ยวกับการพัฒนาเว็บ มักจะระบุคุณสมบัตแบบออล-อิน-วัน (all-in-one) ตัวอย่างเช่น

รายละเอียดตำแหน่งงานเว็บ บริษัทแห่งหนึ่ง
  • อายุไม่เกิน 30 ปี
  • มีทักษะ HTML / CSS ใช้โปรแกรม Photoshop, Illustrator, Dreamweaver ได้ และใช้งาน CMS เช่น Joomla, Drupal รวมถึงสร้างสรร Landing Page ที่ดึงดูดใจ
  • มีประสบการณ์ หรือเชี่ยวชาญ PHP , JavaScript และ MySQL
  • ใช้เครื่องมือ เพื่อสนับสนุนการทำตลาดออนไลน์ แคมเปญ โซเชียลมีเดีย

คนอะไรมันจะเก่งสารพัด ความสามารถมหาศาลขนาดนั้นวะ!? ออกแบบด้วย ใช้เครื่องมือสำเร็จรูปด้วย ดูแลเครื่องมือทางการวิเคราะห์เว็บได้ด้วย อ้อ เขียนโปรแกรมเป็นอีก โอ้โห จ้างสัก 30,000 ก็คุ้มแล้ว ราคานี้ออล-อิน-วันนะครับ Continue reading ทำไมถึงควรแยกงานการวางเลย์เอาท์ออกจากโปรแกรมมิ่ง (1)

เว็บ ..ถึงเวลา HTML5/CSS3 แล้วเหรอ!?

ความต้องการมนุษย์ไร้ที่สิ้นสุด เราเสาะแสวงหาสิ่งที่ดีกว่าอยู่เสมอๆ แม้แต่ในโลกที่จับต้องไม่ได้อย่างอินเตอร์เน็ตและเว็บไซต์ก็เช่น ประสบการณ์ที่เราได้รับจากมันทุกวันนี้ยังคงไม่ดีพอ เราต้องการเว็บที่มันเจ๋งกว่านี้!!

คนดูและใช้งานเว็บปกติอาจไม่รู้อะไรด้วยซ้ำครับ หลายคนเล่นเว็บโดยที่ไม่รู้จัก หรือคุ้นเคยกับคำว่า HTML/CSS ด้วยซ้ำ

ขยายความแบบเอาสาระ-ความรู้กันหน่อย หน้าเว็บที่คุณเห็นอยู่ทุกวันนี้มันไม่ได้มาสำเร็จอย่างที่เห็นหรอกครับ มันมาจากกลุ่มของตัวอักษรที่เรียกว่า HTML (Hyper Text Markup Language) รวมกับกลุ่มตัวษรอีกกลุ่มที่เรียกว่า CSS (Cascading Style Sheet)

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

HTML และ CSS ถูกใช้ให้ทำงานแบบนี้ควบคู่กับเว็บมาหลายปีดีดักแล้วครับ พูดให้ถูกก็คือเกิดมาพร้อมๆกับเว็บเลยก็ว่าได้มั้ง (ข้อมูลตรงนี้ผมไม่ชัดเจนเท่าไหร่ ไว้วันหลังรู้แล้วจะเอามาบอกอีกที) ซึ่งก็หลายทศวรรธมาแล้ว เราใช้ตัวเลขทางเทคนิคหรือเวอร์ชั่นเพื่อบอกรุ่นของมันด้วย เอาที่นิยมใช้งานอยู่ปัจจุบันก็รุ่นเหลนมันแล้วครับ ..รุ่นที่ 4 ..HTML4 ส่วน CSS แค่รุ่นลูก ..CSS2

แต่ละรุ่นที่พัฒนาไปของ HTML/CSS ก็มาพร้อมกันคุณสมบัติและความสามารถหลายๆ อย่างที่เพิ่มมากขึ้น ..ให้ตอบสนองต่อความต้องการในการใช้งานขึ้น

อย่างที่บอกว่าต้องการในการใช้งานของเรามันสูงขึ้นๆ เรื่อยๆ จน HTML รุ่นเหลน CSS รุ่นลูกที่ว่านี้ตอบสนองต่อเราไม่ค่อยได้แล้ว Continue reading เว็บ ..ถึงเวลา HTML5/CSS3 แล้วเหรอ!?

เว็บ ..ยุคหลังไออี 6

ผมไม่ชอบไออี 6 เลยจริงๆ ให้ตายเถอะ!!

เผื่อว่าบางคนจะไม่รู้จักไออี 6 ..จริงๆ แล้วมันคือชื่อเรียกทางเทคนิคหน่อยของ Internet Explorer (ย่อว่า IE, ไออี) เวอร์ชั่น 6.xx

ทำไมน่ะเหรอ ..เพราะว่ามันทำตัวไม่ดีน่ะสิ ถ้าให้พูดเฉพาะในแง่ของคนใช้นะครับ ไออี 6 มัน

  • โหลดเว็บช้าเหอะ
  • มีปัญหาจนปิดตัวเองบ่อยบ้างแหละ
  • เปิดได้ทีละหน้าต่าง เวลาดูเว็บหลายๆหน้าต้องเปิดจนเต็มทาสก์บาร์ไปหมด
  • ภูมิต้านทานต่ำจนน่าใจหายกับไวรัส สปายแวร์ มัลแวร์ ฟิชชิ่ง
  • คิดว่ามีอีกเยอะ

ผมเป็นคนทำเว็บ ซึ่งแน่นอนว่าเว็บที่ทำต้องออกมาถูกต้องตามที่ออกแบบไว้ แต่เวลาใช้ไออี 6 เปิดเว็บที่ทำ เลย์เอาท์ที่วางไว้พินาศย่อยยับหมดก็มีครับ มีปัญหาตลอด ไม่เคยพอดี เดี๋ยวขาดบ้าง เกินบ้าง เอาแน่เอานอนอะไรแทบไม่ได้

ไออี 6 มีชีวิตมาพร้อมกับวินโดวส์เอกซ์พี ใครที่จำได้จะรู้ว่ามันมาในช่วงเปลี่ยนสหัสวรรษหรือราวปี 2000 ปีนี้ 2011 แล้ว ..ครับ ซอฟต์แวร์ตัวนี้มีอายุกว่า 10 ปีแล้ว Continue reading เว็บ ..ยุคหลังไออี 6