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

GoogleNexusWebsiteMenu


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

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

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

Simple Multi-Item Slider


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

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

สร้างปุ่มเลื่อนหน้าเว็บไซต์เก๋ๆ ด้วย jQuery

SliderPagination


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

Continue reading สร้างปุ่มเลื่อนหน้าเว็บไซต์เก๋ๆ ด้วย jQuery

สร้างระบบการค้นหาแบบ Life Time ด้วย jQuery


เป็นการใช้ jQuery ในการสร้างระบบการค้นหาแบบ Life Time ซึ่งจุดเด่นจะเป็นการค้นหาคำที่ต้องการและจะทำไฮไลด์ข้อความเพื่อแสดงความเด่นชัดในการค้นหาโดยเราสามารถเพิ่มข้อมูลเข้าไปภายในหน้าเว็บได้อย่างไม่จำกัดระบบจะทำการค้นหาข้อมูลต่างๆที่อยู่ภายใน โดยเทคนิคนี้เราสามารถประยุคมาใช้งานกับระบบคันหาในเว็บไซต์ของเราเพื่อความรวดเร็วในการค้นหาของผู้ใช้งานได้อีกด้วยลองดูตัวอย่างกันเลย

Continue reading สร้างระบบการค้นหาแบบ Life Time ด้วย jQuery

เว็บไซต์สไตล์เรียบง่ายแบบ FULLSCREEN ด้วย jQuery ปลั๊กอิน BookBlock


ก่อนหน้านี้ที่เราเคยเอาปลั๊กอิน BookBlock ของ jQuery โดยการสร้างเว็บให้มีการเปิดหน้าต่างพลิกไปมาคล้ายกับสมุดรูปแบบนี้จะเน้นที่ส่วนของ content ที่อยู่ภายในส่วนที่น่าสนใจคือมีการเพิ่มรูเมนูที่สามารถเลื่อนไลน์ออกมาจากทางด้านข้างของจอที่น่าสนใจและรูปแบบในการอกกแบบที่ง่ายๆไม่ซับซ้อนมากมายจึงทำให้ดูน่าสนใจใครที่ต้องการทำเว็บแนวใหม่ที่น่าสนใจและแน้น content เป็นจุดสำคัญนั้นเอง แต่น่าเสียดายที่จะแสดงผลใน IE ได้ไม่สมบูรณ์

Continue reading เว็บไซต์สไตล์เรียบง่ายแบบ FULLSCREEN ด้วย jQuery ปลั๊กอิน BookBlock

สร้างนาฬิกาสีสันแบบเก๋ๆ ด้วย CSS & jQuery


วันนี้เป็นการสร้างนาฬิกาด้วย CSS และ jQuery โดยการใช้ css ในการจัดการสีและรูปแบบหนุมของรูปวงกลมที่ใช้ในการหมุนคล้ายกับเข็มนาฬิกาโดยเวลาที่กำหนอจะเป็นเวลาปัจุบันโดยกำหนดเป็น 24 ชั่วโมง โดยรูปแบบของหน้า index จะเป็นการใช้ XHTML เป็นมาร์กอัปโดยการใช้ Div และเรียกใช้งานเอาครับ

Continue reading สร้างนาฬิกาสีสันแบบเก๋ๆ ด้วย CSS & jQuery