All posts by designil


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

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


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

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


ตามไปดูงานแข่งสาย Design Squad จากงาน TechJam 2018 พร้อมทิป & เทคนิคจากผู้ชนะสายดีไซน์ภาคใต้

เมื่อวันก่อนแอดมีโอกาสได้พูดคุยกับผู้ชนะจากภาคใต้ เลยอยากนำมาเล่าสู่กันฟังเกี่ยวกับการแข่งขันนี้ครับ เผื่อใครจะสนใจมาเข้าแข่งปีหน้าบ้าง


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

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


TechJam 2018 งานค้นหายอดฝีมือ Coding, Design, และ Data Science ในไทย รางวัลมูลค่า 2 ล้านบาท

งาน Techjam 2018 เป็นงานแข่งขันเพื่อค้นหาสุดยอดผู้เชี่ยวชาญใน 3 สายงาน ได้แก่ Code, Data Science, และ Design จาก 4 ภาคทั่วประเทศไทย (ภาคใต้, ภาคตะวันออกเฉียงเหนือ, ภาคเหนือ, และภาคกลาง) ชิงรางวัลมูลค่า 2 ล้านบาท และทริปไป Silicon Valley ประเทศสหรัฐอเมริกา ซึ่งเป็นเมืองหลวงแห่ง Startup และ Innovation ที่ทุกคนใฝ่ฝัน


แจกฟ้อนต์ภาษาไทยสวย ๆ ฟรี จากโปรเจค Google Noto ใช้ได้ทั้งเว็บและสิ่งพิมพ์ + วิธีนำมาใช้

Google ปล่อยฟ้อนต์ตระกูล Noto สำหรับภาษาไทย ซึ่งหน้าตาสวยงามแบบ Sukhumvit Set แถมใช้ได้ในงานทุกประเภท อาทิ ออกแบบ UI เว็บไซต์, แอพมือถือ, สิ่งพิมพ์, วีดิโอ ฯลฯ


Adobe เปิดให้ใช้ Adobe XD ฟรี 100% : เว็บ / แอพดีไซเนอร์ทุกคนควรลองใช้

ถือเป็นข่าวใหญ่สำหรับวงการ Web Designer / UX Designer / App Designer ทั่วโลกเลยครับ เมื่อ Adobe ประกาศเปิด Adobe XD เวอร์ชั่น CC ให้ทุกคนใช้ได้ฟรี 100% ทั้งบน Windows และ Mac


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

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


ระวัง! Flat Design ทำให้ผู้ใช้สับสนกับเว็บเรามากขึ้นถึง 70% + 5 วิธีแก้ไขง่าย ๆ

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


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

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