สร้าง ปุ่มแสดง Dialog
วันนี้มาดูการสร้าง ปุ่มเพื่อเปิด Dialog ในหน้าเว็บเพจ กันครับ ซึ่งเราจะใช้ jQuery เพื่อความสะดวกและรวดเร็ว และสามารถนำมาใช้งานได้ง่ายๆเลยครับ

blockquote
การจัดรูปแบบ ข้อความในการอ้างอิงคำพูดในหน้าเว็บไซต์นั้นมีหลายแบบ แล้วแต่สไลต์แต่ละคนว่าจะจัดการอย่างไร แต่ที่เห็นบ่อย จะใช้ Double Quotes ที่เป็นข้อความเข้ามาเปิด และ ปิด ในคำพูดนั้นๆ

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

CSS3 Patterns Gallery
สวัสดีครับ วันนี้ผมมีเครื่องมืออำนวยความสะดวกสำหรับคนที่ จัดรูปแบบ Style ของเว็บไซต์ด้วย CSS3 มาฝากครับ และมันคือ…เว็บไซต์ที่รวบรวม CSS3 Patterns ไว้เป็น Gallery เลยครับ มีให้เราเลือกใช้มากมาย หลากหลายรูปแบบเลยครับ

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

CSS แก้ปัญหา Layer ทับซ้อนด้วย z-index
สำหรับคนทำเว็บส่วนใหญ่ที่ใช้การออกแบบด้วย CSS คงเคยเจอกับปัญหา การทับซ้อนของเลเยอร์ในหน้าเว็บเพจที่เราออกแบบมา และวิธีการแก้ปัญหาของการซ้อนกันของเลเยอร์ เราสามารถกำหนดได้ว่า ต้องการให้เลเยอร์ไหนแสดงด้านบน เลเยอร์ไหนแสดงด้านล่าง โดยเราจะใช้ Z-index เข้ามากำหนดส่วนการของแสดงผล Layer ที่ทับซ้อนกัน

CSS MARGIN แบบย่อ
สำหรับ CSS เราก็จะรู้กันดีว่า margin นั้นคือการกำหนดระยะห่าง ระหว่างขอบ กับวัตถุ นั้นเองครับ และในการกำหนดหมด margin นั้นเราก็สามารถกำหนดได้ทั้ง ซ้าย ขวา หน้า และหลังอีกด้วยนะครับ

SQL เก็บรหัส เป็นตัวเลข เป็น 001 002 003
สำหรับหัวข้อนี้ไม่รู้ตั้งชื่อถูกหรือเปล่า ประมาณ ในฐานข้อมูลเวลาเราเก็บข้อมูล เช่นรหัสลูกค้า ถ้าเราเลือก ประเภทเป็น int ก็จะเก็บเป็น 1 2 3 … เป็นจำนวนเต็มไป แต่ถ้าเราต้องการแสดงให้เป็น 001 002 003 .. ก็สามารถทำได้ บางคนอาจจะไปรู้ ถ้าใครหาวิธีนี้อยู่ลองมาดูกันครับว่าเลือกใช้อย่างไร

Free button PSD
วันนี้เอาไฟล์ปุ่ม สำหรับคนทำเว็บ มาให้ดาวน์โหลดกันครับ เป็นปุ่มทั่วๆไปนี่แหละครับ ไม่ได้มีความวิเศษ วิโสอะไรมากนัก แต่คงจะอำนวยความสะดวกให้กับผู้ที่ดาวน์โหลดปุ่มไปใช้ได้ครับ

printf() Function ของ PHP
ในภาษา PHP มีอีกหนึ่งฟังก์ชั่นที่ช่วยให้ผู้พัฒนาเว็บไซต์นั้นได้ แสดงข้อความออกมาในรูปแบบต่างๆได้อย่างง่ายดาย นั้นคือฟังก์ชั่น printf() นั้นเอง ในส่วนนี้ผมว่าหลายๆคนคงลืมฟังก์ชั่นนี้ไปแล้วเพราะไม่ได้ใช้ เรามาดูกันครับว่า printf() นี้จะอำนวยความสะดวกสำหรับคนทำเว็บได้อย่างไรกันบ้าง
รูปแบบ หรือ Syntax จะเป็นแบบนี้

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

CSS Drop Download MenuCSS Drop Download Menu
วันนี้ผมได้หาเมนูสวยๆ สำหรับคนที่ทำเว็บนะครับ และอยากได้ Menu แบบ Drop Down สวยๆ ตามในรูปตัวอย่างนี้ มาดูกันครับ ว่าสร้างแบบไหน ต้องใช้อะไรอย่างไรบ้างครับ ไม่อยากครับ เป็น HTML+CSS จิ๊บๆแป๊บเดียวก็ได้เมนูสวยๆแล้วครับ

ajax script
Ajax ปุ่มซ่อน โชว์ ข้อความ แบบง่ายๆ สำหรับคนที่ทำเว็บไซต์ แล้วต้องการให้เว็บเพจคุณมีลูกเล่นเล็กๆน้อยๆอย่าง เช่น มีปุ่มสำหรับกดไว้โชว์ข้อความ หรือ ซ่อนข้อความ วันนี้สะดุ้งดอทคอมมีวิธีการใช้ Ajax อย่างง่ายๆในการทำปุ่มซ่อน และโชว์ข้อความมาฝากครับ อย่างแรกเลยนะครับเราแทรก Javascript เข้าไปในหน้าเพจก่อนนะครับ

HTML5 คืออะไร
หลายท่านคงเคยเห็นหรือเคยคุ้นตา หรือบางคนใช้จนถนัดไปแล้วด้วยซ้ำกับ HTML5 แต่ไม่เป็นไรครับใครที่ทราบหรือ ใช้งานจนสบายไปแล้วก็ข้ามไปได้เลยครับ เพราะนี้คือการอธิบายว่า HTML5 นั้นคืออะไร มีความสำคัญอย่างไร

Script TOOLTIPS CSS3
สำหรับเว็บไซต์เรา ถ้าไม่มีลูกเล่นอะไรเลยก็จะดูนิ่งๆจืดๆไป ทำให้เว็บไม่ค่อยน่าสนใจเท่าไหร่ วันนี้ผมจึงไปหาอะไรที่ทำให้เว็บเราดูน่าสนใจ นั้นคือ Tooltips Css3 ที่มีการเคลื่อนไหวเล็กน้อยให้รูปภาพ สำหรบสคลิปของ Script TOOLTIPS CSS3 จะใช้กับรูปภาพ ที่เราต้องการ เพื่ออธิบายรูปภาพนั้นๆ และเพื่อความสวยงามด้วยครับ หรือใครจะเอาไปใช้ทำเมนูในเว็บไซต์ก็ยังได้เลยครับ

PSD Login Form
สวัสดีครับ สำหรับคืนวันอาทิตย์ วันนี้ทางสะดุ้งดอทคอมได้ไปเจอไฟล์ PSD ที่เป็นไฟล์ Graphic สำหรับแก้ไข และ ตกแต่งเพิ่มได้ในโปรแกรม Photoshop ซึ่งไฟล์นี้จะเป็นไฟล์ ของหน้าตาล็อกอินเข้าระบบ แต่ไม่ใช้เป็น Code นะครับจะเป็น ในรูปแบบกราฟฟิค ครับ แล้วค่อยไปตัดเป็น HTML กับ CSS เอานะครับ