วิธีการทำ GRID LOADING EFFECT แสดงผลรูปภาพแบบเท่ๆ


วันนี้ผมมาแนะนำการทำ side show แบบเจ๋งอีกแล้วครับเป็นการทำแบบ Grid Loading ที่เป็นการโหลดภาพมาแสดงผลตามที่เราเลื่อน Browser ลักษณะของการออกแบบที่เป็นเอกลักษณ์ซึ่งเป็นจุดที่น่าสนใจ เป็นวิธีการสร้าง side show อีกแบบที่น่าสนใจครับสำหรับใครที่มองหาวิธีการทำ side show แบบเท่ๆ ต้องลอกดาวน์โหลดไปเล่นกันดูได้ครับ


Continue reading วิธีการทำ GRID LOADING EFFECT แสดงผลรูปภาพแบบเท่ๆ

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

loaders


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

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

ทำเมนูเว็บไซต์แบบรองรับการทำงานสำหรับมือถือ

GoogleNexusWebsiteMenu


ในยุคของ Smart Device ที่มาแรกในตอนนี้เราคงหลีกเลี่ยงมันไม่ได้อย่างแน่นอนและเราคงได้เห็นหลายเว็บไซต์ดังๆต่างๆเริ่มมีการที่จะมีการพัฒนาเว็บไซต์ให้สามารถเข้าใช้งานได้ทุก Smart Device โดยเฉพาะ Smart Phone ที่มีหน้าจอขนาดที่จำกัดอย่างมากแต่นักพัฒนาจะต้องคำนึงถึงว่าเราจะนำเสนอเว็บไซต์ของเราอย่างไรให้ดูน่าสนใจและใช้งานที่ง่ายกับหน้าจอที่จำกัด วันนี้ผมเลยเอาเรื่องของการพัฒนาเว็บไซต์ที่ลองรับการใช้งานในแบบ Mobile

Continue reading ทำเมนูเว็บไซต์แบบรองรับการทำงานสำหรับมือถือ

Bootstrap เครื่องมือพัฒนาเว็บไซต์แบบง่ายๆ ไม่ต้องเขียน CSS ,Javascript เองให้ยุ่งยาก

bootstrap


bootstrap คือ เครื่องมือที่จะช่วยให้เราพัฒนาเว็บไซต์แบบง่ายๆ โดยไม่ต้องเขียน css, js เองให้ยุ่งยาก เพราะมีคนเขียนมาให้แล้ว เพียงแค่เราโหลดมาแล้วก็ เรียกชื่อมันใช้งานเท่านั้นเอง หน้าตา ก็สวยงาม ทันสมัยดี ถ้านึกหน้าตาไม่ออกก็ให้นึกถึง Twitter ฟอร์ม ปุ่ม เหมือนกันเพราะมาจากค่าย Twitter

Continue reading Bootstrap เครื่องมือพัฒนาเว็บไซต์แบบง่ายๆ ไม่ต้องเขียน CSS ,Javascript เองให้ยุ่งยาก

สร้างสไลด์โชว์แบบแยกหมวดหมู่ย่อย ด้วย CSS และ JQUERY

Simple Multi-Item Slider


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

Continue reading สร้างสไลด์โชว์แบบแยกหมวดหมู่ย่อย ด้วย CSS และ JQUERY

สร้างโฟลเดอร์แบบเคลื่อนไหวเหมือน Mac OSX ด้วย CSS3


ได้เอามาแนะนำกันซักที่กับการวิธีการสร้างโฟลเดอร์ให้เหมือน Mac OSX โดยการใช้ css3 และ UI ของ jQuery เข้ามาทำงานร่วมกันโดยรูปแบบการทำงานจะเป็นแบบ 3D โดยการจัดการที่งานเมื่อเรานำเม้าไปลากสิ่งที่เราต้องการเก็บไว้ในงโฟลเดอร์ก็จะจัดเก็บเข้าไปงโฟลเดอร์และสามารถนับจำนวนไฟลืที่อยู่ในนั้นได้เป็นเทคนิคที่ทำให้เราเห็นการสร้างชิ้นงานด้วย css3 และ UI ของ jQuery ที่น่าสนใจอีกด้วย

Continue reading สร้างโฟลเดอร์แบบเคลื่อนไหวเหมือน Mac OSX ด้วย CSS3