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


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


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

สร้างปุ่ม Checkboxes และ Radio แบบเฉ๋งด้วย SVG Animated

chkbox


นักพัฒนาเว็บไซต์หรือระบบต่างๆคงรู้จัก Checkbox และ Radio Buttons เป็นอย่างดีแน่นอนแต่วันนี้ผมจะมาแนะนนำวิธีการทำ Checkbox และ Radio Buttons เป็นเฉ๋งกันครับถ้าไม่เฉ๋งเราไม่มาแนะนำอย่างแน่นอนโดยกการใช้ JavaScript และ SVG Animated เป็นสคริปในการทำให้ Checkbox และ Radio Buttons สามารถเคลือนไหวได้แบบเฉ๋ง


Continue reading สร้างปุ่ม Checkboxes และ Radio แบบเฉ๋งด้วย SVG Animated

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

bootstrap


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

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

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


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

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

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


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

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

สร้าง presentation แบบเท่ๆด้วย HTML5

;

หลายคนคงเคยที่จะได้ยินเรื่องของ html5 กันมาบ้างแล้วใช่ไมครับแตถ้าว่าวันนี้ไปได้เป็นเรื่องของการนำทำเว็บครับแต่เป็นการทำ presentation แบบ html5 เก๋ๆเอาแบบว่าไป present ทีนึ่งนี้อาจารย์และผู้ฟังนี้ได้อู้กันอย่างแน่นอนจะอู๋ไม่อู๋ลองดูตัวอย่างเอาครับรับรองว่าเด็ดแน่นอน


Continue reading สร้าง presentation แบบเท่ๆด้วย HTML5