Tutorials

Articles

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

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

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

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

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

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

Design System คืออะไร? พร้อมตัวอย่างจากบริษัทชื่อดัง

เล่าเรื่องของ Design System ว่าสิ่งนี้คืออะไร? รวมไปถึงข้อดีของการมีระบบแบบแผนในการออกแบบนั้นช่วยเหลือทีมเราได้อย่างไร ? ปูความรู้ให้กับผู้เริ่มต้นศึกษาไปพร้อม ๆ กันกับเรา และยังมีตัวอย่างจากแบรนด์ดังหลายเจ้าที่ทำออกมาน่าประทับใจเลยค่ะ

5 เหตุผล ทำไมคุณควรเริ่มเปิดร้านออนไลน์ด้วย WooCommerce

แนะนำทางเลือกหนึ่งในการทำเว็บไซต์ร้านค้าออนไลน์ของตัวเอง โดยใช้เครื่องมือฟรี 100% ชื่อว่า WooCommerce นั่นเองครับ มาดูไปพร้อม ๆ กันว่าข้อดีของการใช้ WooCommerce มีอะไรบ้าง

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

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

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

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

สอนวิธีทำ HTTPS ง่าย ๆ ฟรี ๆ ทำให้เว็บไซต์เราโหลดเร็ว ปลอดภัย SEO แรง

บทความนี้จะมาแนะนำวิธี การทำ HTTPS ให้เว็บไซต์เรา แบบง่าย ใช้เวลาแปปเดียว แถมยังไม่เสียเงินสักบาท ด้วยการใช้บริการของ Cloudflare ครับ

Bounce Rate คืออะไร ? พบกับ 7 เคล็ดลับการลด Bounce Rate

เคยสงสัยมั้ยว่า Bounce Rate ของเว็บไซต์เราคืออะไร ? ทำไมต้องปรับปรุงเว็บไซต์เพื่อให้ Bounce Rate ลดลงด้วย บทความนี้จะไขข้อสงสัยต่าง ๆ ทั้งหมดที่คุณเคยมี

คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด

หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น Twitter Bootstrap แน่นอนครับ วันนี้จะมาดูวิธีการใช้งานตั้งแต่เริ่มต้น รวมถึงเรื่องสำคัญต่าง ๆ เช่น กริด และ Component ต่าง ๆ ใน Bootstrap 4 กัน