สอนการใช้งาน Variable fonts ใน Photoshop CC 2018 ฟีเจอร์ใหม่ที่นำเสนอการใช้งานฟอนต์ที่มีคุณสมบัติที่ยืดหดได้ภายในตัวเดียว มีวิดีโอพร้อมภาพประกอบ นอกจากนี้ยังมีคำอธิบายตัว Properties โดยละเอียดในการใช้งานแบบภาษาไทย เข้าใจง่ายที่ Designil
Tutorials
Articles
วันนี้ใน Github มีคนปล่อยของดี เป็นชุดโค้ด CSS ที่เราต้องใช้บ่อย ๆ เหมาะมากกับ Frontend Developer / Designer หรือคนทำเว็บทุกคนควรมีเก็บไว้เป็นอย่างยิ่ง เช่น โค้ด CSS จัดกลางแนวตั้งแนวนอน, โค้ดทำตัวหนังสือจม, โค้ดวาดสามเหลี่ยม, โค้ด Clearfix แบบไม่รก, โค้ดเงาขาวเวลาเลื่อนอ่าน ฯลฯ
ปัจจุบัน Content ที่เป็นวีดิโอมีมากขึ้นเรื่อย ๆ เพราะอินเตอร์เน็ตเราเร็วกันแล้ว สามารถเสพย์เนื้อหา Video ได้สะดวกขึ้นกว่าเดิมเยอะมาก ๆ แน่นอนว่าคนทำเว็บไซต์อย่างเราก็ควรจะต้องรู้วิธีการใส่วีดิโอลงในเว็บไซต์ รวมถึงวิธีทำให้วีดิโอของเราย่อขยายอัตโนมัติตามหน้าจอ
เล่าเรื่องของ Design System ว่าสิ่งนี้คืออะไร? รวมไปถึงข้อดีของการมีระบบแบบแผนในการออกแบบนั้นช่วยเหลือทีมเราได้อย่างไร ? ปูความรู้ให้กับผู้เริ่มต้นศึกษาไปพร้อม ๆ กันกับเรา และยังมีตัวอย่างจากแบรนด์ดังหลายเจ้าที่ทำออกมาน่าประทับใจเลยค่ะ
แนะนำทางเลือกหนึ่งในการทำเว็บไซต์ร้านค้าออนไลน์ของตัวเอง โดยใช้เครื่องมือฟรี 100% ชื่อว่า WooCommerce นั่นเองครับ มาดูไปพร้อม ๆ กันว่าข้อดีของการใช้ WooCommerce มีอะไรบ้าง
เมื่อไม่นานมานี้แอดมินได้มีโอกาสทำโปรเจคนึงที่ใช้ React and Redux เลยได้หาเรื่องให้ตัวเองลองศึกษา React ตั้งแต่เริ่มต้น และพบว่าจริง ๆ แล้วคอนเซปต์มันเข้าใจไม่ยาก เลยมาเล่าให้ฟังกันในบทความนี้
เมื่อเกือบ ๆ ปลายเดือนที่ผ่านมาเว็บของผม ก็ได้เปลี่ยนหน้าเว็บใหม่ ที่ปกติผม (เจ้าของเว็บ) ก็จะเปลี่ยนทุกปี เพื่อเป็นการฝึกให้ตัวเองนั้นได้เรียนรู้อะไรใหม่ ๆ ทุก ๆ ปี และเป็นเหมือนการได้ดูด้วยว่า 1 ปีที่ผ่านมาเราได้เรียนรู้อะไรใหม่ ๆ บ้างทั้งในด้าน Programming, Design และด้านอื่น ๆ
บทความนี้จะมาแนะนำวิธี การทำ HTTPS ให้เว็บไซต์เรา แบบง่าย ใช้เวลาแปปเดียว แถมยังไม่เสียเงินสักบาท ด้วยการใช้บริการของ Cloudflare ครับ
เคยสงสัยมั้ยว่า Bounce Rate ของเว็บไซต์เราคืออะไร ? ทำไมต้องปรับปรุงเว็บไซต์เพื่อให้ Bounce Rate ลดลงด้วย บทความนี้จะไขข้อสงสัยต่าง ๆ ทั้งหมดที่คุณเคยมี
หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น Twitter Bootstrap แน่นอนครับ วันนี้จะมาดูวิธีการใช้งานตั้งแต่เริ่มต้น รวมถึงเรื่องสำคัญต่าง ๆ เช่น กริด และ Component ต่าง ๆ ใน Bootstrap 4 กัน
![[Free Fonts Download] รวมแหล่งดาวน์โหลด ฟ้อนต์ฟรี แห่งปี !!!](http://www.designil.com/wp-content/uploads/2011/08/thai-fonts-download-review-license-72x54.jpg)
![[Free Thai Font] แจกฟรี ฟ้อนต์ไทยสวย ๆ โดยมหาวิทยาลัยศิลปากร](http://www.designil.com/wp-content/uploads/2013/09/silpakorn70yr-title-72x54.png)