Slider[Style1]

Style2

Style3[OneLeft]

Style3[OneRight]

Style4

Style5[ImagesOnly]

Style6

ย่อไฟล์ PNG แบบสุดขั้วด้วยโปรแกรม PNGGauntlet

ย่อไฟล์ PNG แบบสุดขั้วด้วยโปรแกรม PNGGauntlet

โปรแกรม PNGGauntlet เป็นโปรแกรมที่ใช้ย่อขนาดไฟล์ PNG ที่ได้ผลดีและกิน CPU มากเอาเรื่องแบบในภาพ

เหตมาจากเว้บ sub ของ know2pro.com ที่อัพภาพไว้มากๆเข้า มันไปกิน bandwidth ของเว้บทั้งหมด จนทำให้เว็บล่ม อาจจะโดน Hotlink Image ด้วย พอตต้นเดือนมีนา ผมเลยโหลดรูปใน host ทั้งหมดมาลดขนาดรูปลง ก่อนจะอัพกลับไปไว้ที่เดิม ตอนนี้ก็พอแก้ปัญหาได้แล้ว ยิ่งบวกกับการย้ายรูปไปไว้ที่ blogspot ยิ่งช่วยลด Bandwidth ได้เยอะครับ

ดาวน์โหลด PNGGauntlet [Freeware]  ที่นี่

แนะนำวิธีการแปลงไฟล์ SWF เป็นไฟล์ Video (SWF to Video Converter)


แนะนำวิธีการแปลงไฟล์ SWF เป็นไฟล์ Video (SWF to Video Converter)

เหตุเกิดจากผมมีไฟล์วิดีโอเก่าๆ ที่เคยทำสมัยเรียน ตอนนั้นทำออกได้เป้นไฟล์ SWF พอส่งงานก็จบไป แต่ตอนนี้นึกขึ้นมาว่าอยากเอาไปใส่ใน youtube แต่ติดที่ว่า SWF มันไม่ใช่ไฟล์วิดีโอ

วิธีแก้คือ การแปลงไฟล์ SWF ให้เป็นไฟล์ Video อะไรก็ได้ เพราะไฟล์นี้ไม่ใช่ HD (6 ปีก่อน ยังไม่รู้จัก HD เลย) เพราะฉะนั้น ขอให้แปลงไฟล์ออกมาเป็น Video ก็พอ

ผมไล่หาไล่ทดลองอยู่หลายตัว ก็ไปเจอโปรแกรม 2 ตัวนี้เข้า สามารถแปลงไฟล์ได้จริงๆ แต่มีข้อแม้ว่า

- การแปลง SWF เป็น Video จะเริ่มด้วยการเปิดไฟล์ SWF ส่วนตัวโปรแกรมจะจับภาพและเสียงที่ออกมาทำให้ได้เป็นไฟล์ Video ดูไปคล้ายๆ การ Capture ยังไงๆ อยู่

- หลังจาก Capture เสร็จแล้ว ต่อไปก็เป็นการ Convert ช้าเร็วก็ขึ้นอยู่กับเครื่อง

โปรแกรมที่ผมจะแนะนำคือ Moyea SWF to Video Converter Pro v3

ใช้งานไม่ยาก ทำตามที่โปรแกรมบอกได้เลยครับ

แนะนำวิธีการแปลงไฟล์ SWF เป็นไฟล์ Video (SWF to Video Converter)

ส่วนโปรแกรมที่ต้องระวังกันหน่อย และไม่แนะนำให้ใช้คือ iWisoft FlashSWF to Video Converter 3.4

ไม่แน่ใจว่าเป้นที่โปรแกรมหรือ Windows 7 64bit เพราะตอนทำงานอยู่ดีๆ โปรแกรมนี้ก็ไม่ capture ภาพ ดันไปจับแค่เสียง กว่าจะรู้ตัวอีกทีก็ตอนอัพขึ้น youtube ครับ

แนะนำวิธีการแปลงไฟล์ SWF เป็นไฟล์ Video (SWF to Video Converter)

Joomla Plugin ทดสอบการใส่ Youtube Video ด้วย Windows Live Writer 2011


Joomla Plugin ทดสอบการใส่ Youtube Video ด้วย Windows Live Writer 2011

ตามปกติแล้วถ้า Copy URL ของ Youtube มาวางใน Windows Live Writer มันจะแสดงเป็นหน้าต่าง Player ให้ทันที แต่ใน Joomla 1.5 ที่ผมใช้ เวลา Publish บทความไปแล้ว พอกลับมาดูในเว็บจริงๆ อีกที กลายเป้นว่าวิดีโอที่ใส่ไป กลับไม่แสดงออกมา

วิธีแก้ง่ายๆคือ หา Joomla Plugin ที่ช่วยการ Embed Youtube

และที่หาเจอก่อนก็คือ “Youtube Embed Custom” เป้น Plugin ขนาดเล็กที่ลงแล้ว ต้องไปเปิดการทำงานใน Plugin ก่อนถึงจะใช้ได้

ส่วนโค้ดที่ผมลองกับ knwo2pro.com แล้วได้ผลดีที่สุดคือ

Joomla Plugin ทดสอบการใส่ Youtube Video ด้วย Windows Live Writer 2011

พอใส่ไปแล้วจะได้แบบนี้

[atube]hIR8Ar-Z4hw[/atube]

การปรับแต่งค่าต่างๆ

jQuery Plugin EP03 – การจัดตำแหน่ง Image Layout ด้วย jQuery

jQuery Plugin EP03 – การจัดตำแหน่ง Image Layout ด้วย jQuery

พอดีว่าได้ไอเดียจาก TED.com เห็นในหน้าแรกมี Highlight คล้ายๆ ว่าจะเป้น content พอเอาเมาสืไปวางก้มี hover effect อีก เข้าท่าดี เลยอยากลองทำดูบ้าง ถึงจะไม่รู้วธีก็ตาม

เริ่มจากคำถามของเว็บนี้ คล้ายๆกับที่ผมอยากได้พอดี

What’s the name of jQuery plugin which auto arranges div/image elements on page?

จากที่หาข้อมูลมาได้ และที่ถูกใจผม ก็มีตามนี้ (ยังไม่ได้ลองแกะโค้ด)

jQuery Masonry (DEMO)
โค้ดสั้นๆ ปรับแต่งได้หลายแบบ ใช้ได้ทั้งภาพ ข้อความ วิดีโอ
http://masonry.desandro.com/demos/basic-single-column.html

jQuery Plugin EP03 – การจัดตำแหน่ง Image Layout ด้วย jQuery

Seamless Responsive Photo Grid (DEMO)
เน้นรูปภาพ แต่น่าจะปรับแต่งให่ใช้กับข้อความได้ด้วย
http://css-tricks.com/seamless-responsive-photo-grid/

jQuery Plugin EP03 – การจัดตำแหน่ง Image Layout ด้วย jQuery

Isotope (DEMO)
ตัวนี้ดุคล้าย jQuery Masonry มาก แต่ลูกเล่นการเคลื่อนไหวเยอะกว่า เจ่งกว่ามาก
http://isotope.metafizzy.co/index.html

jQuery Plugin EP03 – การจัดตำแหน่ง Image Layout ด้วย jQuery

Automatic Image Montage with jQuery (DEMO)
ตัวนี้ถูกใจผมมาก เพราะมันคล้าย Blogger Dynamic View ขาดไปแค่การ Hover และ Link บนรูป ถ้าเอามาโมดีๆก็น่าจะใช้งานได้
http://tympanus.net/codrops/2011/08/30/automatic-image-montage/

jQuery Plugin EP03 – การจัดตำแหน่ง Image Layout ด้วย jQuery

Sponsor Flip Wall With jQuery & CSS (DEMO)
หน้าตาอาจจะไม่เกี่ยวกับการจัดหน้าเว้บ แต่ผมชอบตอนคลิ๊กเปิดรูป อาจจะเอามาใช้คล้ายๆกับ TED ก็ได้

http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/

jQuery Plugin EP03 – การจัดตำแหน่ง Image Layout ด้วย jQuery

jQuery Plugin EP03 – Zoomer Gallery

jQuery Plugin EP03 – Zoomer Gallery

plugin ตัวนี้เพิ่มลูกเล่นเกี่ยวกับข้อความเข้ามาด้วย น่าจะเอามาโมเล่นได้ไม่ยากนัก เก้บเอาไว้เป้นตัวอย่างเปรียบเทียบกับตัวอื่นๆ เผื่อว่าจะมีตัวที่มีลูกเล่นมากกว่านี้

http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/

jQuery Plugin EP02 – ลูกเล่น Zooming Image สำหรับ Banner ขนาดเล็ก


jQuery Plugin EP02 – ลูกเล่น Zooming Image สำหรับ Banner ขนาดเล็ก

อธิบายไม่ถูกครับ สำหรับผมมองว่ามันเหมาะมากสำหรับรูป Banner ขนาดเล็ก พอใช้เมาส์วางไปบนรูป มันก็จะ Zoom เข้ามานิดหน่อย เป็นลูกเล่นง่ายๆ แต่โค้ดยาวพอควร

http://www.queness.com/post/590/jquery-thumbnail-with-zooming-image-and-fading-caption-tutorial

ลแงเอามาทำ demo ดูก็โอเคครับ แกะโค้ดไม่ยากจนเกินไป

http://demo.know2pro.com/jquery/zoomthumb/

jQuery Plugin EP01 – ย่อ ขยายรูปง่ายๆด้วย resize-crop

jQuery Plugin EP01 – ย่อ ขยายรูปง่ายๆด้วย resize-crop

เพิ่งลองมาเล่น jQuery ครับ สาเหตุก็เพราะงานที่เจอ ถ้าเล่น HardCode กับพวก JavaScript อาจทำให้ตาลายได้ เลยลองหันมาเล่นอะไรที่มันสั้นๆ ง่ายๆ เข้าใจได้เร็ว แก้ได้ไวๆ

เดิมทีผมเขียน php เวลาจะย่อรูปก็จะใช้ phpThumb ซึ่งเป็นฟังก์ชั่นที่จะรับ parameter ชื่อรูป ความกว้าง ยาว สูง แล้วย่อรูปให้ แต่การย่อ มันจะสร้างรูปเก้บไว้ที่ folder cache ทุกครั้ง นานเข้าๆ  folder นี้เลยบวมออกๆ ใหญ่ขึ้นไปเรื่อยๆ

แต่พอมาใช้ jquery มันก้ง่ายขึ้นเยอะ

http://code.google.com/p/resize-crop/downloads/list

ผมลองใช้ดูแล้วครับ ทำตัวอย่างเอาไว้ดูแบบง่ายๆ เผื่อคราวหลังมาดูใหม่อีกที

http://demo.know2pro.com/jquery/resizecrop/

jQuery Plugin EP01 – ย่อ ขยายรูปง่ายๆด้วย resize-crop

Know2pro RFID Project ตอนที่ 28 : สามเดือนที่ผ่านก่อนการขอ I วิชา Project

Know2pro RFID Project ตอนที่ 28 : สามเดือนที่ผ่านก่อนการขอ I วิชา Project

ผ่านกันไปอีกสามเดือนแล้วครับ งาน Project RFID ก็ใกล้ถึงช่วงสุดท้ายแล้ว

ที่ผ่านมา ผมได้เร่งทำตัวเอกสาร project และปรับปรุงตัวเครื่องให้ดีขึ้น

เพราะมีวันหนึ่งตอนกำลังจะไปซ้อมการเสนอ Project กับ อ.ที่ปรึกษา ปรากฎว่างานเข้าครับ เครื่องดันไม่ทำงานขึ้นมาซะงั้น พอกลับไปเช็ตก็เลยเจอสาเหตุว่า Port USB ที่อยู่บนแผ่นปริ้น ทันหลวมและมีแววว่าจะพังอีกแน่ๆ

งานนี้เลยต้องแก้กันใหม่ ไปซื้อสาย USB สีฟ้า ราราถูกๆ มาเปลี่ยนเพราะมัน Shield สายมาเรียบร้อย น่าจะดีกว่า ซื้อ Port มาบัดกรีเอง

ส่วนเรื่อง Paper ก็ลำบาก พอสมควร เพราะต้องรวมข้อมุลส่วน Software จากเพื่อน (ผมทำ Hardware เพื่อทำ Software) ในการทำ paper ผมเองก้ต้องระลึกชาติการใช้งาน Microsoft Word 2007

พอทำเสร้จก็๋เอาไปให้ อ. project ตรวจสอบ สรุปว่าแก้ 2 รอบ

แต่ว่าจะแก้เสร็จก็ไม่ทันส่งในเทอมนี้ (เทอม 2 ปีการศึกษา 2554) เอาเป้นว่าขอ I (Incomplete) วิชา Project

และที่เกือบงานเข้าอีกคือ เกือบทำเรื่อง I ไม่ทัน เพราะปกติ ผมไม่ค่อยตามข่าวมหาลัยหรือแผนกเลย

ในตอนนี้ทำเรื่อง I ไปแล้ว รอทำเรื่องสอบอีกที

แต่จากเรื่องราวที่ผ่านมา พบว่า ตนเป้นที่พึ่งแห่งตนจริงๆ

Know2pro RFID Project ตอนที่ 28 : สามเดือนที่ผ่านก่อนการขอ I วิชา Project

Know2pro RFID Project ตอนที่ 28 : สามเดือนที่ผ่านก่อนการขอ I วิชา Project

Know2pro RFID Project ตอนที่ 28 : สามเดือนที่ผ่านก่อนการขอ I วิชา Project

Know2pro RFID Project ตอนที่ 28 : สามเดือนที่ผ่านก่อนการขอ I วิชา Project

ถ่ายรูปด้วยกล้อง WEBCAM ตัวเครื่องออกแบบเอง ตัดเอง ประกอบเองหมด เพราะคิดแบบกันสดๆ

แนะนำ Mipony โปรแกรมช่วยดาวน์โหลดสำหรับ 4Shared และเว็บฝากไฟล์อื่นๆ


แนะนำ Mipony โปรแกรมช่วยดาวน์โหลดสำหรับ 4Shared และเว็บฝากไฟล์อื่นๆ

ระหว่างที่กำลังเขียนบทความนี้ ผมคุ้นๆว่าจะเคยเขียนแนะนำโปรแกรมนี้ไปแล้ว แต่ไม่เป็นไรครับ อีกสักทีก็ได้

หลังจากการล่มสลายของเว้บฝากไฟล์รายใหญ่คือ Megaupload ที่มีผลทำให้ FileSonic หยุดการแชรไฟล์ เพราะกลัวโดนจับ เว็บฝากไำฟลืรายย่อยอื่นๆ ก็เข้ามาแทนที่ ผมเองเวลาดาวน์โหลดไฟล์ก็มักจะโหลดจากเว้บเดียวกันตลอด เช่น Mediafire 4Shared ประมาณนี้

ตอนแรกก็กะว่าจะคลิ๊กเองทีละ Link แต่ก้่เหนื่อยครับ ต้องกด Download แล้วมานั่งรออีก 30 วินาที ถ้ามีเป็นสิบๆไฟล์ ก้ต้องรอนาน ผมเลยใช้โปรแกรมนี้ช่วยครับ

ดาวน์โหลด Mipony (Freeware)

การติดตั้งก็ง่ายๆ ครับ แต่มีให้ระวังตรง Toolbar ที่ชอบแถมมาให้ (Freeware ชอบแถม Toolbar มาให้ตลอด)
อย่าลืมติ๊กออกให้หมดครับ
แนะนำ Mipony โปรแกรมช่วยดาวน์โหลดสำหรับ 4Shared และเว็บฝากไฟล์อื่นๆ

การใช้งานไม่ยาก และที่ผมชอบมาคือ โปรแกรมทำงานเร้ว เร้วกว่า jDownload ซะอีก
แนะนำ Mipony โปรแกรมช่วยดาวน์โหลดสำหรับ 4Shared และเว็บฝากไฟล์อื่นๆ

เข้าไปในหน้า Add Link ใส่ Link ในช่องบน จากนั้นกดปุ่ม Detect Link รอสักพัก ถ้าโปรแกรมรองรับเว็บนั้น ก้จะมีรายชื่อในช่องด้านล่าง  ถ้าชัวร์แล้วก็กด Download Selected ได้เลย

แนะนำ Mipony โปรแกรมช่วยดาวน์โหลดสำหรับ 4Shared และเว็บฝากไฟล์อื่นๆ

ถ้าเว็บฝากไฟล์มีการใส่ Captcha โปรแกรมนี้ก็จะมีหน้าต่างให้ใส่ด้วยครับ ผมใช้โปรแกรมนี้มาตั้งแต่ Filesonic และ Megaupload ยังอยู่ และเว้บฝากไฟลืใหม่ๆ ก็รองรับครับ