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

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

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

Variable fonts กับอนาคตของการออกแบบเว็บไซต์

Variable fonts กับอนาคตของการออกแบบเว็บไซต์

ในบทความนี้เราจะมาพูดถึงเรื่องการทำงานของ Variable Fonts ว่ามีที่มาที่ไปอย่างไรและใช้งานอย่างไรกับการทำงานเว็บไซต์ในอนาคต โดยเนื้อหาได้สรุปและเรียบเรียงมาจากงาน Fitc ส่วน Variable fonts คืออะไร มีไว้เพื่ออะไรมาติดตามอ่านอ่านบทความแบบพื้นฐานและเริ่มต้นไปกับ Designil กันค่ะ

การตั้งชื่อไฟล์ ตั้งยังไงให้ใช้งานง่ายสำหรับดีไซน์เนอร์

การตั้งชื่อไฟล์ ตั้งยังไงให้ใช้งานง่ายสำหรับดีไซน์เนอร์

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

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

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

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

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

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

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

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

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

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

Latest Articles - บทความล่าสุด

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

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


Variable fonts กับอนาคตของการออกแบบเว็บไซต์

ในบทความนี้เราจะมาพูดถึงเรื่องการทำงานของ Variable Fonts ว่ามีที่มาที่ไปอย่างไรและใช้งานอย่างไรกับการทำงานเว็บไซต์ในอนาคต โดยเนื้อหาได้สรุปและเรียบเรียงมาจากงาน Fitc ส่วน Variable fonts คืออะไร มีไว้เพื่ออะไรมาติดตามอ่านอ่านบทความแบบพื้นฐานและเริ่มต้นไปกับ Designil กันค่ะ


การตั้งชื่อไฟล์ ตั้งยังไงให้ใช้งานง่ายสำหรับดีไซน์เนอร์

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


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 ได้สะดวกขึ้นกว่าเดิมเยอะมาก ๆ แน่นอนว่าคนทำเว็บไซต์อย่างเราก็ควรจะต้องรู้วิธีการใส่วีดิโอลงในเว็บไซต์ รวมถึงวิธีทำให้วีดิโอของเราย่อขยายอัตโนมัติตามหน้าจอ


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

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


รวมตัวคนใช้ WordPress ในงาน WordCamp Bangkok 2018

WordCamp Bangkok 2018 งานยิ่งใหญ่ประจำปี รวมตัวคนใช้งาน WordPress ทุกรุ่น ทั้งในและต่างประเทศ จัดขึ้นวันที่ 17 – 18 กุมภาพันธ์ 2018 นี้ ณ มหาวิทยาลัยสยาม ใกล้ BTS บางหว้า..

รวม 10 ของฟรีสำหรับดีไซน์เนอร์ เซฟไว้ดาวน์โหลดกันได้เลย

ของฟรีสำหรับดีไซน์เนอร์ 10 เว็บไซต์ชื่อดัง โดยคัดเลือกที่มีตั้งแต่ แจกรูปฟรี, gradient, color, ทูลสำหรับออกแบบโลโก้แบบฟรี เป็นเว็บไซต์ใหม่ที่เอามาแนะนำกัน สามารถดาวน์โหลดและเซฟเก็บลงติดเครื่องได้เลย หวังว่าบทความนี้จะเป็นประโยชน์สำหรับดีไซน์เนอร์หลาย ๆ ท่านเลยค่ะ 😀 1. Pexels แจกรูปฟรี ส่วนใครที่ไม่จุใจ ไปดาวน์โหลดเพิ่มเติมกันได้ที่ 5..