12 Jun

ใช้ js ทำ สกรีนแคปเจอร์ หน้าเว็บ และ บันทึกเป็นรูปภาพ

cap

บทความนี้เป็นเทคนิคการทำ สกรีนแคปเจอร์ หน้าเว็บ ด้วย javascript ซึ่ง user สามารถเลือก ตำแหน่งที่ต้องการ แคปเจอร์และบันทึกเป็น รูปภาพได้

(more…)

09 Jun

การทำ FACE DETECT โดยใช้ Jquery plugin

facex

การทำ face detect นั้น เป็นการทำ image processing สามารถดึงรูปหน้าคนจากภาพถ่ายออกมา ซึ่งความแม่นยำนั้นขึ้นอยู่กับอัลกอริทึมของไลบารี่นั้น วันนี้จะมาสอนการทำโดยการใช้ plugin free ของ jquery กันครับ (มี sorce code download)

(more…)

23 May

ทิปการทำ slide perspective แบบเก๋ๆ ให้เข้ากับเว็บไซต์

per

ในการทำเว็บไซต์มีการทำ slide show ในหลายๆแบบ การทำรูป perspective ให้เข้ากับรูป iPhone ที่วางอยู่จึงเป็นไอเดียอีกแบบที่สามารถนำไปใช้ในงานเว็บไซต์ของเราเพื่อให้งานออกมามีความแปลกใหม่ หรือเข้ากับ concept ของงานนั้นๆ ครับ (มี Code ตัวอย่าง)

(more…)

15 May

เทคนิคการสร้าง tooltip โดยใช้ css แบบง่ายๆ

tooltip

บทความนี้เป็นเทคนิคง่ายๆ ในการทำ tool tip โดยไม่ต้องพึ่ง js หรือ plugin อื่น ใช้เพียงแค่ css และ element ของ html เท่านั้น

(more…)

09 May

การย่อรูปโดยใช้ HTML5 CAVNAS ก่อนส่งไปที่ SERVER

images

เห็นคำถามใน “ชมรมคนทำเว็บ” ว่า การย่อรูปภาพจากเครื่องของ Client ก่อนที่จะทำการส่งให้ SERVER เพื่อบันทึกรูปภาพ เพื่อลดจะนวน Data Transfer สามารถทำได้หรือไม่ ผมจึงลองทำมาก็ใช้ได้ในระดับหนึ่งไปลองดูกันเลยครับ มี source code ให้ไปโหลดไปศึกษากันครับ

(more…)

06 May

การดึง webservice สภาพอากาศมาใช้ โดยใช้ php และ jquery

bannerx

บนความนี้จะสอนวิธีการดึง WEB SERVICE ของ กรมอุตุนิยมวิทยา ของเไทยเรา โดยจะใช้ PHP และ Jquery ในส่วนของ UI จะใช้ Bootstarp เพื่อให้เกิดความสวยงาม มี source ให้ไปศึกษาครับ

(more…)

04 May

การเปลี่ยนสีรูปภาพโดยใช้ HTML5 CAVAS + Jquery

cavas

สีที่อยู่ในไฟล์รูปทั่วไปจะประกอบไปด้วย 3 สี คือ red,blue,green จะมีค่าตั้งแต่ 0-255

ซึ่งเราสามารถเปลี่ยนค่าสีทั่ง 3 สีนี้ได้โดยใช้ HTML5 CAVAS บวกกับ Jquery

(more…)

03 May

วิธีการทำ Css3 HOVER IMAGE แบบบ้านๆ

cropped-slogo.png

 

เทคนนิคการทำ image hover โดยใช้ css3 แบบ เก๋ๆ สำหรับใช่ตกแต่งเว็บ เป็นลูกเล่นที่สามารถนำไปปรับได้หลายแบบครับ ซึ่ง browser สมัยนี้ก็ซัพพอร์ทแทบทั้งหมด ยกเว้น ie ที่ตำกว่า version 9 เอาครับมาเริ่มกันเลยครับ มาดูตัวอย่างจริงกันเลยครับ

(more…)

03 May

ไอคอน แอนิเมชั่น สำหรับตกแต่งเว็บเว็บไซต์

anmation

 

ในการทำเว็บไซต์สมัยใหม่นั้น เทรนที่กำลังมาแรงคือ แอนิเมชั่น ต่างๆที่ใส่ในเว็บของเรา รวมไปถึงไอคอนที่ตกแต่งเว็บก็เช่นกันซึ่ง ตอนนี้ทาง http://animaticons.co/ ได้มี icon set ให้เราโหลดมาใช้ได้ฟรี 10 icon ด้วยกันครับ ใครสนใจเชิญตาม link ได้เลยครับ DOWNLOAD

(more…)