2monkeyDesign

11/02/2013

นาฬิกา สำหรับโปรแกรมเมอร์
ยังดี ที่มีตัวเลข แสดงผลลัพท์จากการยกกำลังไว้ให้ด้วย

06/02/2013

Google นี่มันไปไกลจริงๆ ลองดูกันครับ

http://thai.ramaya.na/

เบราว์เซอร์ที่คุณใช้ไม่สามารถเปิดรับชมมหากาพย์รามเกียรติ์ของโครมได้ เนื่องจากวรรณคดีเรื่องนี้ถูกสร้างโดยคุณสมบัติพิเศษเฉพาะของ Google Chromeด้วยเหตุนี้ เราขอแนะนำให้เข้ารับชมด้วย Google Chrome

30/01/2013

ว่าด้วยการแปลง Jquery Slider เป็นแบบ Dynamic ตอนที่ 0 (บทนำ)

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

Jquery Slider เป็นอีกหนึ่งองค์ประกอบที่ทำให้หน้าเว็บดูหน้าสนใจ ซึ่ง น้อยคนนักจะเขียนสคริปตัวนี้ขึ้นมาเอง โดยส่วนใหญ่มักจะนำจากที่มีอยู่แล้วมาปรับปรุงแก้ไข ซึ่ง ไฟล์ DEMO ที่นำมาปรับปรุงมักจะเป็นไฟล์ .html มีการกำหนดภาพไว้ค่อนข้างตายตัว หากต้องการนำมาเชื่อมกับฐานข้อมูล เพื่อให้ดึงภาพจากฐานข้อมูลมาแสดงแทน ในเรื่องนี้จะ สร้างเวิคช็อปตั้งแต่การสร้างตาราง เพื่อเก็บฐานข้อมูลของภาพ ไปจนถึงการ ดึงภาพออกมาแสดงผลบนหน้าเว็บด้วย Jquery Slider โดยจะใช้ ภาษา PHP เป็นพื้นฐานนะครับ

http://www.tripwiremagazine.com/2012/12/jquery-slider.html

Large and up to date collection of jQuery sliders with essential tips for choosing the right responsive jQuery slider for your project

29/01/2013

แนะนำเว็บไซต์ที่ทำจาก Jquery เผื่อเป็นไอเดียให้กับเหล่าเว็บโปรแกรมเมอร์นะครับ เว็บนี้เป็นของ คนไต้หวัน ไอเดียดีมากเลยละครับ

http://www.oliveyang.com/

Hi! My name is Olive,welcome to my personal site, and have fun in this site!

28/01/2013

แว๊บมาตอนดึกๆ เอาเว็บไซต์ สำหรับแปลงไฟล์ PDF เป็น Word มาฝากครับ

ปล.ภาษาอังกฤษใช้ได้ 100% ส่วนภาษาไทยต้องพยายามเอาเองครับ ฮาๆ

http://www.pdfonline.com/pdf-to-word-converter/

Use PDF-to-Word Online Converter to create Word doc that is the easiest to edit. No waiting for email; just wait on the page — and it's free!

26/01/2013

เคยมีคนบอกผมไว้ว่า Flash กำลังจะตกยุค ในช่วงแรกของการทำงานด้านเว็บไซต์ ผมเคยคิดว่า แฟลช มันน่าจะเป็นสุดยอดของเว็บแล้ว ถ้าทำเว็บแฟลชทั้งเว็บได้ (ในตอนนั้น) รับรองว่ามันจะต้องดังแน่นอน แต่อยู่มาวันนึง เมื่อ IOS เข้ามามีบทบาทในชีวิตประจำวันมากขึ้น เช่น Iphone Ipad etc. แฟลชก็เริ่มเลือนๆ แต่ก็ยังคงมีอยู่ ด้วยเหตุผลเพราะว่า IOS ไม่รองรับแฟลช เหล่าเว็บโปรแกรมเมอร์ จึงนิยมใช้ JQUERY เข้ามาเพิ่มสร้าง อนิเมชั่น บนหน้าเว็บไซต์แทน จากนั้นอีกไม่นานก็มีเทคโนโลยี HTML 5 และ CSS 3 ออกมา จนมาถึงวันนี้ โดยส่วนตัวผมคิดว่า ไม่นานแฟลชคงจะเลือนหายไปตามกาลเวลา

แถมด้วย เกมส์ที่สร้างจาก HTML5 ให้ทดลองเล่นกันดูครับ หากใครที่ทำงานด้านเว็บไซต์สมควรที่จะศึกษาไว้ได้แล้วนะครับ แล้วทุกวันนี้ก็มี Tools สำหรับช่วยในการเขียน HTML5 เยอะพอสมควรแล้วด้วย
http://html5games.com/

HTML5games.com is the largest and most comprehensive directory of HTML5 games on the internet. Check back daily for games created with HTML5, as well as news and updates regarding this new and exciting web standard.

25/01/2013

เอา ICON PACK แบบน่ารักๆ เอาไว้แต่งได้ทั้งเว็บไซต์ทั้งภาพ CG มาฝาก ครับ

http://naldzgraphics.net/freebies/40-excellent-free-icon-sets-everyone-must-have/

You can find lots of free beautiful icons set on the web. We are lucky that some talented designers/artist are sharing their works by providing us some useful stuffs for free. Here is a 40+ Excellent Free Icon Sets Everyone

06/01/2013

เอาวิธีจอดรถในที่แคบมาฝากครับ ^ ^
http://www.youtube.com/watch?v=XQLPFfwY6wE&NR=1

ONLY YOU TO ENJOY IT ..NO MORE ! , SÓLO PARA QUE LO DISFRUTEN ,NADA MÁS ! _ ERICK

30/12/2012

เจอรูปปีใหม่ 2013 สวยๆมา ใครอยากเอาไปใส่คำอวยพร ก็เชิญเลยนะครับ
ตามต่อได้ที่ http://www.wallpaperswala.com/happy-new-year/

29/11/2012

หลังจากที่ไม่ได้เคลื่อนไหวมาสักพัก
วันนี้มี โปรแกรมแต่งรูปแบบ ออนไลน์มาฝากครับ
http://pixlr.com/editor/

Pixlr Editor is a free online photo editor with a prefessional touch. Fix, adjust and filter your images. Manage your images in your browser, no registration required jump right in!

06/11/2012

ข่าวฝากประกาศนะครับ
รับสมัคร Webmaster มีความรู้ด้าน PHP พอสมควร คุยง่าย
ทำงานที่ Routh 66 - RCA
ทำงานเวลา 3ทุ่ม ถึง ตี2 หรือ 2ทุ่ม ถึง ตี 1 ส่งข้อความได้เลยนะครับ

28/09/2012

มีหลังไมค์ หลายท่านถามว่า ทำอย่างไรให้ Iframe ตัวสารพัดประโยชน์ของเรา สามารถปรับเปลี่ยนความสูงได้เอง เพราะโดยปกติแล้วเราจำต้องฟิก ความสูงลงไป ซึ่งบางครั้งเนื้อหามันยาวกว่าที่เราฟิกไว้ มันก็จะเปิด Scollbar มากวนใจ หรือถ้าเราตั้งไว้สูงเกิน พอเนื้อหาน้อยมันก็จะเกิดที่ว่าง
วันนี้เลย เอามาแบ่งปันกันครับ

ก่อนที่จะเริ่มต้องบอกก่อนว่า โค้ดนี่ผมไม่ได้เขียนขึ้นมาเอง แต่ ไปเจอมาเมื่อนานมาแล้ว และใช้มาจนถึงทุกวันนี้ ฮ่าๆ



นี่เลยครับส่วนแรก เป็นส่วนของ การเรียกใช้ Iframe นะครับ จุดที่ต้องสนใจมีแค่ 2 ที่ครับคือ src > ชี้ไปที่ไฟล์ที่ต้องการเรียก และ width > ใช้ปรับความกว้าง ในส่วนอื่นถามว่าสำคัญหรือไม่ แน่นอนครับมันสำคัญ เพราะใช้ในการอ้างอิงต่างๆ แต่ วันนี้เราไม่ได้มาแชร์เรื่องของ element ต่างๆกัน เพราะฉะนั้น ขอข้ามไปก่อน

และในส่วนที่ 2 เป็น java script ตามนี้ครับ



var isIE = (navigator.appName.indexOf("Microsoft")!=-1)? true:false;
function GetDocument(frameName)
{
if( isIE )
{
return document.frames[frameName].document;
}
else
{
return document.getElementById(frameName).contentDocument;
}
};
var tm_AutoHeightFrame = null;

function AutoHeightFrame(frameName)
{
AutoHeightFrame1(frameName);
if( tm_AutoHeightFrame == null )
{
tm_AutoHeightFrame = setInterval(function(){AutoHeightFrame1(frameName);}, 200);
}
};
function AutoHeightFrame1(frameName)
{
var frm = document.getElementById(frameName);
if( frm == null ) return;
var frameBody = GetDocument(frameName).body;
if( frameBody == null ) return;
var _height = frameBody.scrollHeight+10;
if( _height < 360 ) {_height=360;} // ในส่วนนี้คือ min-height หรือ ความสูงที่น้อยที่สุดที่ยอมให้เกิดขึ้น แต่ถ้ามันเกิดมันจะปรับให้เอง อยากแก้ไขให้แก้ไขตัวเลขเอานะครับ หน่วยเป็น pixcel
frm.height = _height;
}
function IframeOnload(frameName)
{
AutoHeightFrame(frameName);
};



วิธีการใช้งานคือ
1.tag iframe อยากให้แสดงตรงไหน วางตรงนั้น
2.java script จริงๆแล้วไม่ได้กำหนดว่าต้องวางตรงไหน เพราะวางที่ไหนมันก็แสดงผลให้ทั้งนั้น เอาเป็นเราสะดวกแล้วกันครับ
สรุปคือ ... วาง Iframe และ วาง script ตัวนี้ซะ แค่นั้นก็เป็นอันเสร็จสิ้น

cr.Code : จำไม่ได้จริงๆ ขอโทษด้วยครับ
Content by PaOz` SmoothChoco