หมวดหมู่ Tutorials

rise of experience designer
Case Studies

อนาคตของนักออกแบบ Experience designer

=> การเติบโตและอนาคตของนักออกแบบด้าน Experience design จะไปในทิศทางไหน? <= #อนาคตนักออกแบบ #Experience designer มาจาก Talk ของ Awwwards ที่ชื่อว่าเล่าเรื่องโดยคุณ Scott Belsky – Chief Product Officer จาก Adobe

อ่านต่อ »
webpage speed 2
Coding

Web Page Speed: สรุป วิธีการ Optimise รูปภาพและวีดิโอให้โหลดเร็ว

บทความนี้เราก็จะมาคุยกันเรื่องวิธีการ Optimise รูปภาพและวีดิโอ เช่น การ บีบอัดรูป, การเปลี่ยนนามสกุลไฟล์, การทำ Lazyload ฯลฯ ซึ่งทำให้บทความ Web Page Speed ตอนนี้เป็นหัวข้อที่สำคัญมาก ๆ ไม่แพ้เรื่องอื่น ๆ

อ่านต่อ »
how to web speed
Coding

Web Page Speed: ตำราสรุป ทำยังไงให้เว็บเราโหลดเร็วสุด ๆ

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

อ่านต่อ »
web hosting guide
Coding

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

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

อ่านต่อ »
serverless web development
Coding

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

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

อ่านต่อ »
designil variable fonts 2
Design

วิธีการใช้ Variable Fonts ใน Photoshop CC 2018

สอนการใช้งาน Variable fonts ใน Photoshop CC 2018 ฟีเจอร์ใหม่ที่นำเสนอการใช้งานฟอนต์ที่มีคุณสมบัติที่ยืดหดได้ภายในตัวเดียว มีวิดีโอพร้อมภาพประกอบ นอกจากนี้ยังมีคำอธิบายตัว Properties โดยละเอียดในการใช้งานแบบภาษาไทย เข้าใจง่ายที่ Designil

อ่านต่อ »
free code css
Code Tutorials

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

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

อ่านต่อ »