CSS กากกากส์ วันนี้ขอนำเสนอการใช้ Distance Units ประเภท length โดยเจาะจงไปที่ Relative length แล้วแทงยาวไปที่ Viewport-percentage lengths ซื่งก็คือ VW (Viewport width) และ VH (Viewport height)
เราสามารถที่จะให้ของที่อยู่ในกล่องของเราทำการวิ่งตาม Veiwport ได้ทั้งสองทาง ไม่ว่าความกว้างหรือความสูง
คุณเคยเจอปัญหาแบบผมไหม ซาร่าห์ เวลาที่เราใช้โทรศัพท์แล้วต้องกรอกตัวเลขลงในช่องรับข้อมูล อย่างเช่น เลขบัตรเครดิตหรือว่าเบอร์โทรศัพท์ แต่ดันเจอคีบอร์ดที่เต็มไปด้วยตัวหนังสือเด้งขึ้นมา ต้องเสียเวลาขยับนิ้วไปสะกิดติ่งเปลี่ยนคีย์บอร์ดบนมือถือของเราเป็นตัวเลขอีกรอบ
แล้วอะไรคือ UX ที่ดีที่สุด ที่ดีที่สุดในที่นี้คือที่สุดของใคร ที่สุดของแจ้ หรือที่สุดของเรา ที่สุดของเขา ที่สุดของเธอ ใช้งานดีกับใช้งานได้มันต่างกันกับใช้งานได้ดีเลยทีเดียว ซึ่งนั่นก็จะไม่มีครั้งที่สองอีกเพราะมันดีทีเดียว อ่ะแฮ่มถุยส์
พูดง่ายๆ แบบตรงๆ คือมันไม่มีอะไร “ดีที่สุด” ให้เราได้เชยชมหรอก เขาบอกว่าอย่าเอาคำว่า “ดีที่สุด” มาปิดกั้นโอกาสที่จะดีขึ้นไปอีก
กว่าสองปีที่ผมได้เริ่มจับต้องการทำ UX จริงๆ จังๆ แต่ก็ยังเป็นการทำ UX ในแบบฉบับของเรา เพราะว่าเราทำเพื่อผู้ใช้งานของเรา ไม่มีความจำเป็นอันใดที่ต้องเราต้องทำตามสิ่งที่คนอื่นบอก หรือตามหนังสือต่างๆ ที่เขาแนะนำมาร้อยเปอร์เซ็นเป๊ะ การปรับปรุงให้เข้ากับสภาพแวดล้อมในการทำงานของเราเองถือเป็นทางเลือกที่ง่ายในการเริ่มต้นเรียนรู้พร้อมๆ กันเป็นทีม UX ไม่ใช่แค่ทำ Wireframe
ThaiCSS Direct วันนี้ขอเสนอ Tips เล็กๆ น้อยๆ เท่าหำแมงสาบ เอาไว้ให้นักเลงคีย์บอร์ด CSS ได้เก็บไว้ใช้งานเมื่อยามจำเป็น เรื่องพื้นๆ กาก กากส์ ในวันนี้ไม่ใช่เรื่องใหญ่อะไรเป็นเพียงแค่เทคนิคการสังเกตกระบวนการ render css ของบราวเซอร์ที่เราสามารถช่วยบราวเซอร์ประหยัดพลังงานและเพิ่มความเร็วในการแสดงผลหน้าเว็บขึ้นไปอีก 0.0046 มิลลิเซคคั่น
บางทีเราไม่จำเป็นต้องเขียนโค้ด HTML ให้มันยาวเพื่อความสะดวกของการเขียน CSS วันนี้ผมขอมาไวเครมเร็ว เสนอบทความก้อมอันเนื่องมาจาก หงุดหงิดทุกครั้งเมื่อเห็นคนอื่นเขียน HTML Code ยาวเฟื้อยทั้งๆ ที่มันสามารถเขียนให้สั้นๆ กระชับ ดับโลกร้อนได้ ThaiCSS Direct วันนี้ขอเสนอ “การทำ Modal หรือ Pop up แบบกากๆ” หรือการเรียกใช้ :before และ :after (pseudo-element) ให้เกิดประโยชน์