วิธีการทำ 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 เองให้ยุ่งยาก

การผสมผสานเทคนิคในการสร้างนิตยสารแบบพลิกไปพลิกมาได้


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

Continue reading การผสมผสานเทคนิคในการสร้างนิตยสารแบบพลิกไปพลิกมาได้

สร้างกราฟแผนภูมิ 3D ด้วย JavaScript


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

Continue reading สร้างกราฟแผนภูมิ 3D ด้วย JavaScript

สุดยอดสไลด์โชว์อย่างอลังค์การด้วย JavaScript และ jquery

;

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

Continue reading สุดยอดสไลด์โชว์อย่างอลังค์การด้วย JavaScript และ jquery