Coding

ปูพื้นฐานการทำงานเว็บไซต์ เล่าเรื่อง HTML, CSS และเทคโนโลยีเกี่ยวกับการทำเว็บ

frontend react bootstrap angular vuejs
สรุปเทคโนโลยีสำหรับคนทำเว็บไซต์ Frontend Developer ในปี 2018

บทความนี้แนะนำ CSS Framework และ JS Framework / Library ที่กำลังได้รับความนิยมในขณะนี้ เพื่อให้ผู้ที่อยากเริ่มทำเว็บไซต์ด้าน Frontend Development สามารถเลือกเรียน เลือกใช้งานได้ง่ายขึ้น

web hosting guide
โฮสต์เว็บที่ไหนดี: เปรียบเทียบ Shared Hosting vs Dedicated Hosting vs Cloud Hosting

มีคนเข้ามาสอบถามแอดมินอยู่ตลอดว่า “จะใช้บริการ Hosting เว็บไซต์ของเจ้าไหนดี” ซึ่งหลังจากที่แอดได้ลองใช้มาหลายรูปแบบในเวลาหลายปีที่ผ่านมา ได้เห็นข้อดี-ข้อเสียของแต่ละแบบ ก็เลยเอามาสรุปเขียนเป็นบทความนี้ให้อ่านกันครับ ในบทความนี้เราจะเจาะลึกข้อดี – ข้อเสียของ Shared Hosting VS Dedicated Hosting (VPS) VS Cloud Hosting ที่กำลังมาแรงในขณะนี้

serverless web development
Serverless คืออะไร? มารู้จักการพัฒนาระบบเว็บแบบใหม่ ราคาถูก แถมไม่ล่มง่าย ๆ

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

free code css
30 Seconds of CSS: แจกฟรี CSS ที่ต้องใช้บ่อย โค้ดสั้น เข้าใจได้ง่าย ๆ ใน 30 วิ

วันนี้ใน Github มีคนปล่อยของดี เป็นชุดโค้ด CSS ที่เราต้องใช้บ่อย ๆ เหมาะมากกับ Frontend Developer / Designer หรือคนทำเว็บทุกคนควรมีเก็บไว้เป็นอย่างยิ่ง เช่น โค้ด CSS จัดกลางแนวตั้งแนวนอน, โค้ดทำตัวหนังสือจม, โค้ดวาดสามเหลี่ยม, โค้ด Clearfix แบบไม่รก, โค้ดเงาขาวเวลาเลื่อนอ่าน ฯลฯ

responsive video how to youtube
วิธีการ Embed วีดิโอ Youtube ลงในเว็บไซต์ และทำให้ Responsive ด้วย CSS ง่าย ๆ

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

bootstrap 4 download free
Bootstrap 4.0 เวอร์ชั่นเต็มมีอะไรบ้าง + แจกเทมเพลตสวย ๆ ฟรี

Bootstrap ถือเป็น CSS Framework ที่อยู่ยงคงกระพัน และได้รับความนิยมเป็นอันดับหนึ่งมาตลอดในหมู่คนทำเว็บไซต์ เมื่อวานนี้เอง เค้าก็เปิดตัว Bootstrap 4 ตัวเต็ม พร้อมแจกเทมเพลตฟรีสวย ๆ หลายตัว

facebook ads hit 2017
รวม 10 บทความยอดนิยม ประจำปี 2017

ต้อนรับปี 2018 ด้วยรวมมิตรสุดฮิต 10 บทความยอดนิยม ประจำปี 2017 โดยบทความนี้ได้คัดเลือกบทความที่โพสต์ในปีที่ผ่านมา วัดกันด้วยจำนวนยอดไลค์ คอมเมนท์ในแฟนเพจ ยอดคนเข้าชมและยอดแชร์ทั้งหมด มาสรุปกันว่าปีที่ผ่านมามีเทรนด์บทความอะไรมาแรงกันบ้าง […]

wordpress theme tips
3 สิ่งที่ต้องรู้ในการทํา Theme WordPress: สอนทำธีม WordPress

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

what is react
React คืออะไร? ไขข้อสงสัยสำหรับมือใหม่ + แนวทางการหัด React ตั้งแต่เริ่มต้น

เมื่อไม่นานมานี้แอดมินได้มีโอกาสทำโปรเจคนึงที่ใช้ React and Redux เลยได้หาเรื่องให้ตัวเองลองศึกษา React ตั้งแต่เริ่มต้น และพบว่าจริง ๆ แล้วคอนเซปต์มันเข้าใจไม่ยาก เลยมาเล่าให้ฟังกันในบทความนี้

webdev is dead
อาชีพคนทำเว็บไซต์ตายไปแล้ว? ในยุคที่มีเครื่องมือ Drag and Drop ง่าย ๆ เต็มไปหมด

มารู้จักกับเครื่องมือทำเว็บไซต์ออนไลน์แบบต่าง ๆ แล้วมาวิเคราะห์กันว่า “อาชีพคนทำเว็บตายแล้ว” จริง ๆ หรือไม่

wordpress theme scratch
เล่าเรื่องการทำ WordPress Theme ตั้งแต่เริ่มออกแบบ Case Study: PaperTheme Redux

เมื่อเกือบ ๆ ปลายเดือนที่ผ่านมาเว็บของผม ก็ได้เปลี่ยนหน้าเว็บใหม่ ที่ปกติผม (เจ้าของเว็บ) ก็จะเปลี่ยนทุกปี เพื่อเป็นการฝึกให้ตัวเองนั้นได้เรียนรู้อะไรใหม่ ๆ ทุก ๆ ปี และเป็นเหมือนการได้ดูด้วยว่า 1 ปีที่ผ่านมาเราได้เรียนรู้อะไรใหม่ ๆ บ้างทั้งในด้าน Programming, Design และด้านอื่น ๆ

woocommerce wordpress plugin
แชร์ประสบการณ์ทำปลั๊กอิน WordPress: WooCommerce Thai Address

WooCommerce Thai Address เป็นปลั๊กอินสำหรับช่วย Auto-Complete กรอกชื่อตำบล อำเภอ จังหวัด และรหัสไปรษณีย์อัตโนมัติ