Tag: jQuery

ทำ Animation ให้ไหลลื่นด้วย GSAP และ Velocity.js

หากเราเคยทำ animation โดยใช้ jQuery มาก่อน เราคงจะพอสัมผัสได้ว่า animation ที่สร้างมาจาก CSS Transitions นั้นดูมีความลื่นไหลมากกว่า ด้วยเหตุนี้เอง หลายๆ คนเลยเข้าใจว่า animation ที่สร้างมาจาก JavaScript นั้นช้ากว่า CSS

สร้างเว็บแนว Parallax Scrolling แบบง่ายๆ ด้วย jQuery Jarallax

พูดถึง Parallax ให้นึกถึงตอนที่เรานั่งบนรถ ไปต่างจังหวัดแล้วผ่านป่า เราจะเห็นต้นไม่ที่อยู่ใกล้ๆ ผ่านคลองจักษุไปเร็วมาก แต่ต้นไม้ที่อยู่ใกลจะผ่านไปแบบช้า ภูเขานี่ยิ่งไม่ขยับ เลย นี่แหละครับ หลักการของ parallax พอจะนึกภาพออกแล้วใช่ไหมครับ ถ้ายังนึกไม่ออกลองไปไล่ดู ตัวอย่างตามในเว็บนี้ครับ

สร้างรูปทรง 360 องศาด้วย jQuery

ในบางครั้ง เราอยากจะสร้างรูปทรง 360 องศาขึ้นมา แต่เราจะทำได้อย่างไร ในเมื่อเราใช้โปรแกรมทำ 3d ไม่เป็น? ปัญหานี้มีทางออกครับ

ตัดคำโดยใช้ CSS text-overflow และวิธีตัดคำหลายบรรทัด

บ่อยครั้ง ที่เราต้องหาทางตัดข้อความให้สั้นลง เพื่อเป็นการควบคุมไม่ให้มันยาวเกินไปจนทำให้ layout เสีย ทางเลือกของเราก็มีหลายทางด้วยกัน…