เทคนิคการสร้าง Pre-loaders ด้วย css

Published on: May 19 2014 by soraya
loaders


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


แต่การทำ Preloaders นั้นแต่กก่อนเป็นการใช้ภาพแบบ gif เป็นภาพในการทำ Preloaders แต่เมื่อยุคนี้เป็นยุคของการเขียนเว็บไซต์ด้วย css ซึ่งจะทำให้เราลดการใช้งานไฟล์ภาพลดปัญหาการโหลดที่ไม่จำเป็นออกไปได้นั้นเอง css ที่เราแนะนำนี้เป็นการเขียน css Preloaders ที่น่าสนใจอย่างมากถ้าใครสนใจจะเอาไปใช้งานก็ Coppy code ไปลองเล่นกันได้เลยครับ

ขอบคุณข้อมูลจาก projects.lukehaas



Comments

comments

Powered by Facebook Comments

Filed under: CSS
Tags: ,