Earthchie Software Engineer, Front-end Developer, Google Fanboy

Category: บทความ (page 2 of 2)

บทความเกี่ยวกับ UX วิศวกรรมซอฟต์แวร์ แนะนำของเจ๋ง รีวิวสารพัด ฯลฯ

เราไม่ควรใช้ Placeholder แทนชื่อฟิลด์เพียงอย่างเดียว

html5-placeholder-syntax

ที่มาภาพ www.aghoshb.com

ใน HTML5 มี attribute ใหม่ตัวนึงชื่อ placeholder ใช้ในการแสดงข้อความชั่วคราวในแบบฟอร์ม
ทำให้หลายๆ เว็บไซต์ ใช้ placeholder แทนชื่อฟิลด์ไปเลย โดยหวังจะทำให้แบบฟอร์มดู minimal ขึ้น
ซึ่งมัน minimal จริง แต่ในขณะเดียวกันมันก็ทำให้ผู้ใช้ไม่รู้ว่าแต่ละช่องที่กรอกไป คือค่าอะไรบ้าง (UI สวยขึ้น แต่ UX แย่ลง)

อ่านต่อ

วิธี Inspect Element หน้าเว็บบนมือถือ (ใน Chrome for Android)

chrome1

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

แต่มันดันติดปัญหาที่ เรา Inspect Element ได้เฉพาะในคอมพิวเตอร์เท่านั้น ในขณะที่ตอนนี้เข้าสู่ยุค Mobile Phone เรียบร้อย
Developer บางคนก็ใช้วิธีย่อจอทำงานเอาแทน ซึ่งก็พอถูไถไปได้ ถ้าไม่เจออะไรแปลกๆ

แต่มันดันเจออะไรแปลกๆ อยู่เป็นประจำ… ฮือๆ T_T
เราก็ทำได้แค่ก้มหน้ารับชะตากรรม ใช้วิธียุคหิน เดาว่าปัญหาเกิดจากอะไร > ไปแก้โค้ด > รีเฟรชดูใหม่ วนลูปไปเรื่อยๆ

ในที่สุด (ปลายปีที่แล้ว) สวรรค์ก็ทรงโปรด ส่ง Chrome Dev Tool มาให้ใช้ ทำให้เราสามารถ Inspect Element หน้าเว็บบนมือถือได้เสียที
แต่ก่อนอื่นเราต้อง set up กันซักหน่อย ไม่ยากๆ 5 นาทีเสร็จ (ถ้าเน็ตไว 55)

อ่านต่อ

10 ข้อที่ควรรู้ ในการเก็บ Requirements

reqภาพจาก www.laughingfactory.com

 

ภาพด้านบนเป็นมุกคลาสสิคเกี่ยวกับการเก็บความต้องการ (Requirements) ซึ่งจะว่าไปก็เป็นมุกที่ “จริง” มากเลยทีเดียว แล้วเราจะหลีกเลี่ยงความผิดพลาดแบบในภาพตัวอย่างได้อย่างไร มาลองอ่าน 10 ข้อที่ควรรู้ ในการเก็บ Requirements กันเถอะ

อ่านต่อ

Humans.txt ลูกเล่นน่ารักๆ ในแบบ Geek

humanstxt

 

humans.txt เป็นไฟล์เล็กๆ ที่คนทำเว็บใส่เอาไว้ที่ root directory ของเว็บไซต์ มันมาจากการล้อเลียน robots.txt (ที่เกี่ยวข้องกับการทำ SEO) เพราะ Internet มีไว้สำเร็จมนุษย์ ไม่ใช่หุ่นยนต์ จะยอมให้มีแต่ robots.txt อย่างเดียวได้ยังไง 55

humans-txt-internet-is-for-humans

เหมือนจะไม่มีประเด็นอะไร ก็แค่เล่นกันขำๆ แต่มันไม่ใช่ครับ ตอนนี้มันเริ่มขยายเป็นวงกว้างแล้ว แม้แต่ Google ก็เอากับเค้าด้วย

Geek จริงจังกับการเล่นเสมอ!

จริงจังจนเกิดเว็บไซต์ humanstxt.org มาเชิญชวนให้ร่วมแคมเปญกันเลยทีเดียว
ในเว็บนั้นเค้าก็ได้อธิบายไว้หมดเลยว่า คืออะไร ทำทำไม ทำยังไง พร้อมการ์ตูนน่ารักๆ ให้อ่านง่ายๆ ด้วย
อ่านต่อ

Newer posts

Copyright © 2019 Earthchie

Theme by Anders NorenUp ↑