แจก Icon เล็ก ๆ น่ารัก 160 tiny icon

แจก Icon เล็ก ๆ น่ารัก 160 tiny icon

พลาดไม่ได้เลย icon ชุดนี้ สไตล์ window 8 อีกแล้ว ออกแนว เงา ๆ มาดาวน์โหลดไปใช้กันดูครับ

ดาวน์โหลด : downloads ตู้เติมเงินออนไลน์

HTML5 WEB AUDIO API มาใส่เสียงให้กับเว็บกันเถอะ

HTML5 WEB AUDIO API มาใส่เสียงให้กับเว็บกันเถอะ

อันนี้คงต้องเข้าเว็บไปฟังกันเองนะครับ เอาเดโม มันมาไม่ได้ การใช้งานดูแล้วก็ไม่ยากไม่ง่ายจนเกินไป แต่รับรองว่ามันสุดยอดจริง ๆ ครับ ไอ้เจ้า html5 เนี่ย ยอมรับเลย

website : html5rock

สคริปต์นับเวลาถอยหลัง countdown แยกเป็น ปี เดือน วัน ชั่วโมง นาที ได้

สคริปต์นับเวลาถอยหลัง countdown แยกเป็น ปี เดือน วัน ชั่วโมง นาที ได้

อย่างที่ได้บอกไว้ตามหัวข้อเลยครับสามารถแยกเป็นปี เดือน วัน และยิบย่อยได้อีกเยอะการใช้งานไม่ยาก(ดูตามเดโม) ได้เลยครับ ตัวนี้เป็น javascript ออกแนว jquery นิด ๆ แต่ไม่ต้องใช้ jquery ก็ได้ครับ ไฟล์เดียวอยู่เลย

demo

download and developer : countdown.org


example demo : demo


documentation : views

แจก icon window 8 free เอาไปตกแต่งกันได้ตามสบาย

แจก icon window 8 free เอาไปตกแต่งกันได้ตามสบาย

ไม่อยากพูดมากวันนี้เอาเป็นของแถมไปใช้งานก็ละกัน สำหรับ icon สวย ๆ ขั้นเทพ ในรูปแบบ window 8 ขอบอกได้คำเดียวว่าฟรีจ่ะฟรี

demo

download icons8.com

Web Debugging for Safari on iPhone, iPad and PhoneGap require Mac OS 10.6+, Xcode 4.2 with iOS 5 SDK

Web Debugging for Safari on iPhone, iPad and PhoneGap require Mac OS 10.6+, Xcode 4.2 with iOS 5 SDK

เว็บโปรแกรมเมอร์บน iphone ทั้งหลาย ตัว debugging ขั้นเทพอยู่นี่แล้ว เจ้าจงโหลดไปใช้กันซะ แต่ต้องบอกว่าใช้ได้บน Mac OS 10.6+ เท่านั้นนะครับ สำหรับใครที่ไม่มี mac ไว้กับตัวก็อย่าได้โปรดเสียใจไป เราเอาวิธีลง mac บน window มาให้ท่านแล้ว ที่นี่ ลองทำกันดู ไม่ต้องมาถามผมนะครับ ผมทำได้หนเดียวพอลง window ใหม่ ทำไม่ได้อีกแล้ว รู้สึกเซ็ง อ่ะมาดู demo ประกอบการตัดสินใจเหมือนเดิมครับ

demo

web developer and download iwebinspector

ตัวอย่างเมนูสวย ๆ ขั้นเทพ

ตัวอย่างเมนูสวย ๆ ขั้นเทพ

เคยบ้างมั้ย? ที่เวลาจะดีไซน์หน้าเว็บแล้วคิดไม่ออกว่าเมนูจะทำออกมาในรูปแบบไหนให้ดึงดูดคนดู ไม่ซ้ำแบบคนอื่น และใช้งานได้ง่าย วันนี้เอาตัวอย่างเมนูที่คิดว่าน่าจะเป็นประโยชน์ต่อเว็บดีไซน์เนอร์มาให้ดูกัน หรือใครไม่พอใจ ลองค้นหา keyword ใน Google ว่า "web menu inspiration" ดูนะครับ เพราะจะมีตัวอย่างให้ดูมากมายยิ่งกว่านี้อีกเยอะ มาดูกันเลย

http://www.foodnetwork.com/

http://www.converse.com/

http://www.alessandrogiammaria.com/

http://www.aussiebbqlegends.com/beef-lamb-and-pork

http://www.stripturnhout.be/

http://www.cobahair.co.uk/

http://www.utah.travel/

http://www.mellasat.com/

http://www.huisoranje.co.za/

http://www.narrowdesign.com/

http://www.carbonica.org/

http://www.hdlive09.co.uk/

http://larvalabs.com/

ชอบแบบไหนก็ประยุกต์กันตามสบายเลยนะครับ หวังว่าวันนี้ทุกท่านคงจะได้แนวคิดใหม่ ๆ อีกเยอะเลยนะครับ

สคริปต์แบ่งหน้าด้วย JQUERY (jqPagination)

สคริปต์แบ่งหน้าด้วย JQUERY (jqPagination)

การแบ่งหน้าเป็นสิ่งที่สำคัญมากต่อข้อมูลที่มีปริมาณมาก ๆ จะทำให้หน้าเว็บดูสวยงามเป็นระเบียบอีกทั้งยังช่วยในเรื่องความสะดวกในการใช้งานทำให้ในหน้าที่มีข้อมูลไม่ยาวจนเกินไป แล้วการแบ่งหน้าจะทำยังไงให้ง่ายล่ะ? ก็ต้องใช้ php หรือสคริปต์อื่น ๆ ที่ช่วยในการติดต่อ mysql จากฐานข้อมูล กำหนด limit ที่ละช่วงของข้อมูล วิธีทำก็ลองดูตามนี้ ง่าย ๆ example 1 ,example 2 หรือ จะใช้ คีย์เวิร์ดว่า "PHP Pagination" ในการค้นหาข้อมูลจาก Google ดูก็ได้ลองดูครับไม่ยาก

ส่วนการแบ่งหน้าแบบข้างบนนั้นจะทำการส่งค่าหนึ่งที เพื่อจะทำการรีเฟรชหน้าแล้วดึงข้อมูลมาตาม limit ที่ต้องการ แต่ปัจจุบันเรามีเทคนิคใหม่ ๆ ซึ่งก็คือ ajax , jquery นั่นเองทำให้การประมวลผลทำได้ในหน้าเดียว(โดยไม่ต้องรีเฟรชหน้าเว็บเพจ) ทำให้สะดวกแก่ผู้ใช้เพิ่มมากขึ้น วันนี้ก็มี jquery pagination ตัวหนึ่งมาแนะนำประกอบการตัดสินใจจะนำไปใช้งานกัน ตัวนี้ชื่อว่า jqPagination ไปลองดู demo และ source code กัน

demo

จุดสังเกตุ jqPagination จะส่งค่าเป็นแบบ $_GET['page'] ไปให้ในที่เราต้องการในลักษณะนี้

download and more document http://beneverard.github.com/jqPagination/