Computer Category

My boss’s wedding

In: Computer, Uncategorized

งานแต่งคุณ Alex & พี่แหม่ม @Grand Hyatt Erawan Bangkok

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fmy-boss-wedding’;
addthis_title = ‘My+boss%26%238217%3Bs+wedding’;
addthis_pub = ‘callmebird’;

Bug Oriented Programming

In: Programming

การเขียนโปรแกรมเชิงบั๊ก (Bug-oriented programming, BOP) คือหนึ่งในรูปแบบการเขียนโปรแกรมคอมพิวเตอร์ ที่ให้ความสำคัญกับ บั๊ก ทฤษฎีที่สำคัญสำหรับการสร้างบั๊กก็คือ logic error แต่ก็ยังมีทฤษฎีอื่น ๆ อีกมากมายที่เราสามารถนำมาใช้เป็นกรอบทฤษฎีในการสร้างบั๊ก ทั้งนี้ก็เพื่อให้การเขียนโปรแกรมเป็นเรื่องที่น่าตื่นเต้น ได้ค้นพบบั๊กใหม่ ๆ มันเป็นเรื่องที่น่าปลาบปลื้มยิ่งนัก อีกทั้งเป็นการสร้างงานให้กับ Tester พูดง่าย ๆ ก็คือการเอื้อเฟื้อเผื่อแผ่

ภาพประกอบจาก http://heartcrygraphics.com/PaintShopPro/Lady_Bug.html

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fbug-oriented-programming’;
addthis_title = ‘Bug+Oriented+Programming’;
addthis_pub = ‘callmebird’;

ขั้นตอนที่ 1:
ในการตั้งค่าการใช้งาน TinyMCE ให้เปิดใช้ plugin ที่ชื่อว่า advimage ดังนี้

<script language="javascript" type="text/javascript">

tinyMCE.init({

mode : "textareas",

theme : "advanced",

width : "630",

plugins : "advimage"

});

</script>

ขั้นตอนที่ 2 :
เข้าไปเพิ่มปุ่ม browse ในหน้าต่าง insert/edit image

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fintegrate-filemanager-tinymce’;
addthis_title = ‘%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%99%E0%B8%B3+filemanager+%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B2%E0%B8%A1%E0%B8%B2%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+TinyMCE’;
addthis_pub = ‘callmebird’;

Using an image as a link (2)

In: style sheet

จากตอนที่แล้ว http://callmebird.com/weblog/using-image-as-link
วันนี้มีอีกวิธีนึง จะเขียนไว้กันลืม
ใช้แท็ก <a> เหมือนเดิม

<a class="imagelink" href="#">xxx.com</a>

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fusing-image-as-link-2′;
addthis_title = ‘Using+an+image+as+a+link+%282%29′;
addthis_pub = ‘callmebird’;

เป็นที่ทราบกันดีว่าถ้าคุณนำข้อมูลใส่เข้าไปบนอินเทอร์เน็ตนั่นก็หมายความว่าคุณยอมรับ
ที่จะเผยแพร่ข้อมูลนั้นต่อสาธารณ เพียงแค่ใช้ ชื่อหรืออีเมล ของบุคคลที่คุณต้องการสืบค้น
เสิร์ชด้วยกูเกิลคุณก็จะพบกับข้อมูลมากมาย
วิธีที่จะช่วยให้เว็บไซท์ หรือ บางเพจของเว็บไม่ให้ถูกค้นเจอด้วย search engine
1.ใส่ robots meta tag ในเพจที่ไม่ต้องการให้ search engine เก็บข้อมูลไปทำ index

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fprevent-robots-googlebot’;
addthis_title = ‘%E0%B8%9B%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%81%E0%B8%B1%E0%B8%99+robots+%E0%B8%A1%E0%B8%B2%E0%B9%80%E0%B8%81%E0%B9%87%E0%B8%9A%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5′;
addthis_pub = ‘callmebird’;

พอดีเพื่อนถามว่ามีโคดตรวจสอบเบราเซอร์ป่าว
ตอนแรกผมก็ไม่รู้หรอกนะคับ ว่ามันเขียนยังไง
ก็ถามกูเกิลเอา แล้วก็ส่งลิงค์ให้เพื่อน - -”
ก็เลยถือโอกาสเอามาเขียนซะหน่อย
เอาไปใช้ทำไร
ไม่รู้เหมือนกันอะคับ ไม่เคยมีความจำเป็นต้องใช้
แต่ที่เห็นว่าน่าจะใช้ก็พวกโคดเก็บสถิติการเข้าเว็บต่าง ๆ
การเขียนโคดเพื่อทำงานเฉพาะแต่ละเบราเซอร์(ตอนนี้ไม่นิยมแล้ว)
ภาษาที่ใช้

php หรือ
javascript

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fbrowser-detection-ie-or-notie’;
addthis_title = ‘%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99+code+%E0%B8%95%E0%B8%A3%E0%B8%A7%E0%B8%88%E0%B8%AA%E0%B8%AD%E0%B8%9A+browser’;
addthis_pub = ‘callmebird’;

การสร้าง element เพื่อบรรจุข้อความในเว็บบ่อยครั้งที่เรา
ไม่สามารถคาดการณ์ได้ล่วงหน้าว่าข้อความจะมีความยาวเท่าไหร่
ถ้าหากใช้ height กำหนดความสูงให้กับ element ก็จะเกิดปัญหา
เมื่อข้อความใน element นั้นยาวเกินกว่าที่ element นั้นจะบรรจุไว้ได้
ส่งผลกระทบต่อ element อื่น ๆ ในหน้าเว็บ เพราะความสูงยังคงเท่าเดิม
ไม่ได้ขยายไปพร้อม ๆ กับตัวอักษรที่ล้นออกไป ทำให้เกิดปัญหา
ข้อความซ้อนทับกัน

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fcss-min-height-cross-browser’;
addthis_title = ‘CSS+min-height+%E0%B9%81%E0%B8%9A%E0%B8%9A+cross-browser’;
addthis_pub = ‘callmebird’;

CSS hacks

In: style sheet

การที่เราจะเขียนเว็บไซต์ที่ใช้ style sheet โดยเฉพาะแบบ tablelessให้ cross browser
มาสักเว็บนึง เป็นเรื่องที่ยากลำบาก เพราะ web brower รุ่นเก่า มาตรฐานการ render จะต่าง
จาก web browser รุ่นใหม่ แม้กระทั่งยี่ห้อเดียวกัน แต่ต่างรุ่น ก็แสดงผลต่างกัน เช่น IE6 กับ
IE7 ที่แสดงผลบางอย่าง ไม่เหมือนกัน ดังนั้น เพื่อให้บรรลุวัตถุประสงค์(ทำเว็บ cross browser)
เราก็ต้องอาศัย การ hack css เข้าช่วย

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fcss-hacks’;
addthis_title = ‘CSS+hacks’;
addthis_pub = ‘callmebird’;

Using an image as a link

In: web design

<a href="http://www.pageresource.com">

<img src="xxx.jpg" border="0" alt="" />

</a>

ที่มา : http://www.pageresource.com/html/image3.htm

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fusing-image-as-link’;
addthis_title = ‘Using+an+image+as+a+link’;
addthis_pub = ‘callmebird’;

ลาก่อน password(s)

In: web

สมมติว่าคุณต้องการใช้บริการเว็บต่าง ๆ คุณจะต้องผ่านด่านการกรอกข้อมูล และตั้งรหัส ซ้ำแล้วซ้ำเล่า ดูรูปประกอบ

เห้อ มันเป็นอะไรที่น่าเบื่อที่สุด ไหนจะต้องกรอกข้อมูลส่วนตัว ตั้งรหัสใหม่ ซึ่งเป็นไปไม่ได้อยู่แล้วที่จะใช้รหัส
เหมือน ๆ กันทุกเว็บ เพราะ เงื่อนไขการตั้งรหัสผ่านแต่ละเว็บไม่เหมือนกัน สังเกตได้จากรูปข้างบน

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fgoodbye-passwords’;
addthis_title = ‘%E0%B8%A5%E0%B8%B2%E0%B8%81%E0%B9%88%E0%B8%AD%E0%B8%99+password%28s%29′;
addthis_pub = ‘callmebird’;

About this blog

callmebird is Bird's weblog. Bird is blogger who spend life for programming and web technology. This weblog provide web technology article for anyone who love web programming and web design.

Flickr PhotoStream

    IMG_4586

Sponsors