บทความ (Blog)

wave


บทความ (Blog)

Programmer Thailand Blog

พบบทความข่าวสารดีๆ เขียนและแชร์ได้ทันที

beta version

เมื่อนำ Google Material Design มารวมกับ Bootstrap จะได้เป็น Bootstrap Material Design

เมื่อก่อนหน้านี้ Google ได้แจก Material Design ให้เหล่านักพัฒนานำไปใช้กัน เมื่อไม่นานมานี้มีคนนำมาผนวกเข้ากับ Bootstrap ของค่าย Twitter จะได้รูปแบบของการออกแบบที่สวยสุดยอดไปอีกแบบ และมี Icon ที่โดดเด่นจากค่าย Google อีกด้วย เรียกได้ว่าเป็นการออกแบบที่เหมาะสมและลงตัวยิ่งนักเหมาะสำหรับการนำไปพัฒนา...

อ่านต่อ

Report.js สร้างรายงานแบบง่ายดาย

Report.js เป็น jQuery PlugIn สำหรับแสดงผลแบบกราฟ ทำให้เรื่องกราฟเป็นเรื่องง่ายมากยิ่งขึ้น ซึ่งการใช้งานนั้นจะต้องเพิ่มส่วน jqery และ chart.js เข้ามาอีกด้วย

อ่านต่อ

Cart.js สำหรับสร้างระบบตระกร้าสินค้าด้วย jQuery

การสร้างระบบตระกร้านั้นทำได้หลายวิธีครับ วิธีที่เคยๆ ทำกันนั้นส่วนใหญ่จะใช้ session ในการเก็บข้อมูล แต่มีอีกวิธีคือการใช้ JavaScript โดยใช้ cart.js ตัวนี้จะช่วยให้เรื่องของการทำระบบตระกร้านั้นง่ายดายมากยิ่งขึ้น ไปดูกันได้เลยนะครับที่เว็บไซต์ cartjs.org

อ่านต่อ

Motio สร้าง Animation ให้กับ Background รูปภาพแบบมืออาชีพ

สร้างรูปภาพพื้นหลัง (Background) สำหรับเว็บไซต์แบบเคลื่อนไหว (Animation) ได้ดั่งใจแบบมืออาชีพกับตัวช่วยนี้ Motio (jQuery PlugIn) ด้วยรูปแบบการใช้งานที่เล็กกระทัดรัดสามารถนำมาใช้ในเว็บไซต์ของคุณ เพื่อให้คุณสร้างเว็บไซต์ได้แบบมืออาชีพมากยิ่งขึ้น สำหรับตัวอย่างและเว็บไซต์ที่จะดาวน์โหลดนั้นส...

อ่านต่อ

Heatmap.js ตัวแสดงความร้อนในเว็บไซต์

Heatmap.js เป็น JavaScript ที่แสดงผลหน้าเว็บไซต์แบบแสดงความร้อนโดยสามารถประยุกต์ใช้ได้หลากหลายรูปแบบเช่น เว็บไซต์แสดงผลสภาพอากาศเป็นต้น ตัวอย่างการใช้งาน var heatmap = h337.create({ container: domElement }); heatmap.setData({ max: 5, data: [{ x: 10, y: 15, value: 5}, ...] }...

อ่านต่อ

การติดตั้ง Yii Framework 2 หรือ Yii2

หลังจากที่ yii framework 2 ได้เปิดตัวออก version stable ไปแล้วเมื่อ 12 ตุลาคม 2557 ที่ผ่านมา ในบ้านเราก็ได้เฮ และตื่นตัวกันเป็นอย่างมากเลยทีเดียว แต่สิ่งที่เปลี่ยนไปนั้นคือรูปแบบของการเขียนโปรแกรมที่ยังไม่ค่อยคุ้นเคยเท่าไรนัก โดยส่วนใหญ่จะเน้นไปที่การใช้ตัวช่วยที่มากขึ้น และยังคงสามารถเรียก Exte...

อ่านต่อ

สมัครรับข่าวสารกับเรา ProgrammerThailand

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

อ่านต่อ

PHP PDO คืออะไร

PHP PDO คืออะไรวันนี้มีคำตอบนะครับ PDO คือ Extension หรือส่วนเสริมของ PHP ย่อมาจากคำว่า PHP DataObject ซึ่งเป็น Object ที่ใช้ในการเชื่อมต่อกับฐานข้อมูลได้หลากหลายโดยที่เราไม่ต้องมานั่งเรียนรู้การใช้งานฐานข้อมูลแต่ล่ะฐาน ที่สำคัญคือใช้คำสั่งเดียวสามารถทำงานได้กับฐานข้อมูลหลายๆ แบบได้นั่นเอง เช่นค...

อ่านต่อ

Map Icon สร้างได้แบบง่ายมากๆ ที่สำคัญฟรีด้วย

หลายๆ ครั้งที่เราสร้าง Web Application โดยใช้ Google Map API สิ่งหนึ่งที่เราต้องการปรับเปลี่ยนนั่นก็คือ Marker หรือ จุดแสดงตำแหน่งนั่นเอง หลังจากที่ค้นหามานานพอสมควร ผมก็ได้ไปเจอกับเว็บไซต์เว็บหนึ่งซึ่งมีรูปแบบให้เราได้เลือกมากมาย และที่สำคัญคือสามารถเลือกสีต่างๆ ได้ตามที่เราต้องการ เพื่อให้เหมา...

อ่านต่อ

Font Awesome Icons ของคู่ใจ Frontend Developer

สำหรับการออกแบบเว็บไซต์ หรือ Web Application ในปัจจุบันก็คงหลีกหนีไม่พ้นการออกแบบด้วย Bootstrap ที่กลายมาเป็นมาตรฐานของการพัฒนาเว็บไซต์ไปแล้ว นอกเหนือจากนั้นสิ่งที่สำคัญในการตกแต่งเว็บไซต์นั่นก็คือไอค่อน Icon ต่างๆ ที่มาประกอบให้รายละเอียดของเว็บไซต์น่าสนใจมากยิ่งขึ้น และสามารถทำให้ผู้ใช้เข้าใจแ...

อ่านต่อ

แจก Yii User และ Rights Modules ที่ปรับแต่งเป็น Bootstrap 3 แล้วครับ

สำหรับเพื่อนๆ ที่รักการพัฒนา Web Application ด้วย Yii Framework ไม่ควรพลาดกับ 2 Extension โดนใจที่ควรมีใน Web Application ซึ่งถ้าหากเพื่อนๆ พบข้อผิดพลาดสามารถร่วมกันแก้ไขได้เลยนะครับ ไปดาวโหลดกันได้เลยครับ User เป็นโมดูลสำหรับบริหารจัดการ user ใน Web Application ครับ Rights เป็นโมดูลสำหรับ...

อ่านต่อ

เมื่อเราสามารถใช้ Mega Menu ในรูปแบบ Bootstrap เรียกว่า RedQ สวยงามมาก

RedQ Megamenu เป็นอีกเครื่องมือหนึ่งที่น่าสนใจในการนำมาประยุกต์ใช้กับ Web Application ในยุคนี้ เนื่องจากมีความสวยงามและรองรับคุณสมบัติ Responsive จากทาง Bootstrap โดยสามารถนำมาใช้ได้แบบฟรีๆ เลยครับ เข้าสู่เว็บไซต์ ดูตัวอย่าง

อ่านต่อ

จะดีแค่ไหนเมื่อ jQuery UI มาใช้หน้าตาแบบ Bootstrap วู้

jQuery UI เป็นอีกเครื่องมือหนึ่งของนักพัฒนาที่ได้ใช้กันบ่อยๆ แต่จะดีไม่น้อยถ้าวันนี้สามารถใช้คุณสมบัติของ Bootstrap ได้ เรียกว่า jQuery UI Bootstrap ซึ่งสามารถใช้ Theme ในรูปแบบของ Bootstrap ได้ไปลองดูกันเลยครับ เข้าสู่เว็บไซต์ ดูตัวอย่าง

อ่านต่อ

สร้างเมนูแชร์ผ่าน Social Network ง่ายมากๆ กับ Engaged social menu ไปดูกันเลย

Engaged social menu เป็นเครื่องมือหนึ่งที่ช่วยให้สามารถสร้างเมนูแชร์ไปยัง Social Network ต่างๆ ได้อย่างง่ายดาย โดยมีวิธีการติดตั้งไม่ซับซ้อน สามารถนำมาใช้ในเว็บไซต์ได้อย่างสวยงาม ดูตัวอย่างได้ที่นี่ และสามารถดาวน์โหลดได้ที่นี่

อ่านต่อ

มาดูว่า utf8_general_ci กับ utf8_unicode_ci ต่างกันอย่างไร

มาดูกันนะครับว่าใน mysql นั้นเราควรที่จะตั้งค่าการเข้ารหัสอักขระเป็น utf8_unicode_ci หรือ utf8_general_ci ไปดูกันเลยนะครับ โดยเอาผลการทดสอบมาแปะเลยดีกว่าครับ benchmark_simple_select() with utf8_general_ci: 9957 ms benchmark_simple_select() with utf8_unicode_ci: 10271 ms In this benchmark us...

อ่านต่อ

Fbootstrapp ฟรี Template สไตล์ Facebook สาวก Facebook ห้ามพลาด

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

อ่านต่อ

TwittStrap Template ดีๆ สวยๆ สไตล์ Twitter ลองดูครับ ฟรี

Template นี้ Interface กล้ายกับ Twitter มาก ตัวหนังสือลดขนาดลงจาก Bootstrap แต่ยังคงกลิ่นไอของ Bootstrap อยู่ จะสวยไม่สวยหรือดีไม่ดีอย่างไรไปลองกันเลยครับที่นี่

อ่านต่อ

Free Bootstrap Dashboard ชื่อ Human

Bootstrap Version 3.1 Human เป็น Template ที่สวยและใช้งานง่าย โดยมีซึ่งก็มีทั้ง version ฟรี และต้องซื้อ  ใน version ฟรี มี 18 หน้าที่รวมใน version นี้ ซึ่งจะมี form, chart, data tables, panels, alerts portlets, calendar, buttons, notifications และอื่นๆ อีกมากมาย และที่สำคัญฟรีครับ...

อ่านต่อ

Short Url สร้าง Link ได้ตังค์ ได้จริงหรือเปล่าไปลองกันเลยครับ

แค่สร้าง Link ก็ได้ตังค์ ได้จริงหรือเปล่าไปลองกันดูนะครับ ที่เว็บไซต์นี้ครับ https://shorte.st/

อ่านต่อ

การ Upgrade Yii Booster version 3.x เป็น 4.x เพื่อใช้ Bootsrap 3

หลายๆ คนที่ชื่นชอบการใช้งาน Yii Booster จากค่าย Clevertech นั้นตอนนี้ได้ Upgrade เป็น Version 4.x.x แล้วซึ่งเป็นการรองรับการใช้งาน Bootstrap Version 3 ทั้งนี้หลายๆ ท่านอาจสงสัยว่าเราจะทำการ Upgrade มาใช้ Bootstrap Version 3 ได้อย่างไรไปดูวิธีการกันเลยครับ ขั้นที่ 1 ติดตั้ง Yii Booster ตามปกติ...

อ่านต่อ