สร้าง CSS (pre)loaders แบบเฉ๋งด้วย css


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


ข้อดี



CSS สามารถแก้ไขได้อย่างง่าย: คุณได้อย่างรวดเร็วสามารถเปลี่ยนระยะเวลา, ความเร็ว สี หรือสิ่งต่างที่คุณต้องการเมื่อการเคลื่อนไหว
CSS เป็น “vector-like”: คุณสามารถปรับขนาดได้ตามที่คุณต้องการโดยไม่ต้องสูญเสียคุณภาพใด
CSS animations ได้เร็วกว่า JS “animations”
CSS animations ใช้การเร่ง GPU: ถ้าคุณมีอุปกรณ์ที่ดีคุณจะมีภาพเคลื่อนไหวอย่างรวดเร็วและราบรื่น
CSS animations สามารถหยุดชั่วคราวได้อย่างง่ายดายด้วยคุณสมบัติภาพเคลื่อนไหว

ข้อเสีย



CSS animations ไม่ได้รับการการสนับสนุนสำหรับเบราว์เซอร์ : IE9 และ Opera Mini (ไม่เข้าใจพวกเขา)
CSS (pre)loaders มีส่วนร่วมมาร์กอัปมาก
CSS animations ไม่สามารถทำบางอย่างได้แบบ JavaScript

ดาวน์โหลด…..!!!

ขอบคุณข้อมูลจาก http://tympanus.net

Comments

comments

Powered by Facebook Comments