Mini Project — สร้าง Web Images Gallery แบบง่ายๆ

🙏 สวัสดีครับเพื่อนๆ วันนี้ผมจะพามาทดลองทำ Web Images Gallery ด้วย HTML, CSS and JavaScript สำหรับไว้แสดงรูปภาพที่เรามีไว้ดูเองหรือโชว์ลงหน้าเว็บเพจของตัวเองก็ได้

a·ดัม

14 มีนาคม 2021

Web App—แจก Code แอปบันทึกรายรับ-รายจ่าย [HTML, BS5 & JS]

🙏 สวัสดีครับเพื่อนๆ วันนี้ผมมี Source Code ของโปรเจคเล็กๆ ที่ได้ทดลองทำไว้ นั่นคือ แอปบันทึกรายรับ-รายจ่าย โดยความสามารถของแอปมีประมาณนี้

a·ดัม

24 มกราคม 2021

Web App—Simple News Headline Website [HTML, CSS and JavaScript]

วันหยุดสุดสัปดาห์ยาวๆ แบบนี้แล้วไม่ได้เดินทางไปเที่ยวที่ไหน เพราะยังต้องมานั่งเฝ้าออฟฟิสอยู่เช่นเดิม 😂 มันก็ต้องหาทำ Mini project เล่นแก้เหงาซะหน่อย วันนี้ก็เลยจะมานำเสนอ Mini project สำหรับติดตามข่าวสารบ้านเมือง นั่นคือ Website สำหรับติดตามข่าวสารที่มาจากสำนักข่าวต่างๆ โดยใช้ข้อมูลข่าวสารจาก newsapi.org

a·ดัม

20 พฤศจิกายน 2020

Netlify—Deploy เว็บไซต์ง่ายๆ ด้วย Netlify

สวัสดีเพื่อนๆ ทุกคนครับ วันนี้จะมาแนะนำวิธีการ Deploy เว็บไซต์หรือการอัพโหลดเว็บไซต์ไปที่เครื่อง Hosting โดยใช้ Netlify ซึ่งปัจจุบันก็มีหลาย Platform ที่ทำให้การ Deploy งานนั้นง่ายกว่าเดิมเยอะ บางทีแค่เว็บเล็กๆ ทำเพื่อ Demo หรือ Projects Porfolio การจะไปเช่า Hosting ก็ดูจะเป็นการเปลืองเสียเปล่าๆ ก่อนลองดูว่า Google จะบอกอะไรเราเกี่ยวกับ Netlify บ้าง

a·ดัม

19 กันยายน 2020

Web App—Simple binary to decimal converter

เย็นวันศุกร์เปิดดู Google map แล้วก็ต้องทำใจนั่งรอให้รถหายติดที่ Office ต่อไป แล้วก็นั่งเล่นไปเรื่อยจนไปเจอนี่เข้า 80+App Ideas จะรออะไรละครับอีกนานกว่ารถจะหายติด จัดไปในแบบระดับ Tier: 1-Beginner 😆😆😆 และด้วยที่เริ่มทำความรู้จักกับ Vue.js อยู่ก็เลยเอามาใช้ในนี้ซะเลย

a·ดัม

11 กันยายน 2020

JavaScript—สร้างไฟล์ pdf ด้วย pdfmake และเพิ่มฟอนต์ Sarabun สำหรับภาษาไทย

มีโปรเจค Web App ที่ต้องมีการสร้าง pdf file เลยต้องมาค้นหา libary และก็ได้มาพบกับ pdfmake ซึ่งก็พบว่าใช้งานง่ายไม่ซับซ้อน แต่ไม่มีอักษรที่รองรับภาษาไทยเป็นชุดอักษรเริ่มต้น🥺 แต่สามารถเพิ่มฟอนต์ที่ต้องการใช้งานได้ มาดูกันครับว่าจะทำการการเพิ่มฟอนต์ Sarabun สำหรับภาษาไทยได้อย่างไรครับ

a·ดัม

28 สิงหาคม 2020

LINE LIFF—รีวิวการทำ Web App x LINE LIFF [โปรแกรมคำนวณค่างวดรถยนต์มือสอง]

หลังจากทาง Skoodio ร่วมมือกับ LINE Thailand ปล่อยคอร์ส เรียนรู้การพัฒนาแอปพลิเคชันด้วย LINE Front-end Framework ออกมาให้เรียนกันแบบฟรีๆ หลังจากเรียนเสร็จ ผมเลยได้ทดลองทำ LINE OA เต้นท์รถมือสอง

a·ดัม

21 กรกฎาคม 2020

Web App—เปลี่ยน Todo List App ให้เป็น Progressive Web Apps แบบง่ายๆ

จากบทความ Web App—บันทึกการทำ Todo List App ผมได้เรียนรู้การสร้าง Web App แบบง่ายๆ ไปแล้ว วันนี้ผมจะมาเสริมให้ Todo List App ของผมเป็น Progressive Web Apps เพื่อให้ทำงานได้แม้ว่าจะไม่ได้ต่อ Internet !!! ซึ่งเป็นข้อดีแบบหนึ่งของ Progressive Web Apps ครับ

a·ดัม

5 มิถุนายน 2020

Web App—บันทึกการทำ Todo List App

สำหรับเพื่อนๆ ที่สนใจการสร้าง Web App มีโปรเจคหนึ่งที่น่าสนใจ และหาตัวอย่างการทำได้ไม่ยากนั่นคือ การสร้าง Todo List App ครับ เพราะการมีตัวช่วยมาใช้จัดระเบียบภารกิจในแต่ละวัน จะทำให้การทำงานเป็นระบบมากขึ้น โดยในบทความนี้ผมจะมานำเสนอวิธีการสร้าง Todo List App ของผมเอง

a·ดัม

25 พฤษภาคม 2020
1 2