All posts by 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 ตัวเต็ม พร้อมแจกเทมเพลตฟรีสวย ๆ หลายตัว

พื้นฐาน UX Design ที่สำคัญ สรุปครบทุกหัวข้อจากคอร์สที่ออสเตรเลีย

เมื่อวานแอดมินได้มีโอกาสไปนั่งเรียนคอร์สฟรีสั้น ๆ Introduction to UX ที่ทีม General Assembly จัดขึ้นมาครับ ซึ่งได้ประโยชน์มาก และเห็นว่าเป็นเรื่องที่คนที่อยากเป็นเว็บดีไซเนอร์ หรืออยากเป็นนักออกแบบสาย UX ควรจะต้องรู้ก่อนกระโดดเข้ามาในโลกสายเทคโนโลยีนี้ ก็เลยเอามาเขียนบทความแชร์กันครับ

3 เรื่องสำคัญ ที่เว็บดีไซเนอร์ต้องรู้ในปี 2018

สวัสดีปีใหม่ 2018 ครับ จากที่ทีมงาน Designil ได้ทำงานในสายออกแบบ และสังเกตุความเปลี่ยนแปลงในการออกแบบเว็บไซต์มาหลายปี ก็พบหลาย ๆ เรื่องที่น่าสนใจ และอยากมาแชร์กันให้กับคนที่เป็นดีไซเนอร์อยู่แล้วหรือคนที่อยากเป็นเว็บดีไซเนอร์ในปี 2018 นี้ได้ลองไปศึกษากันดูครับ

Infographic คืออะไร + แนะนำเครื่องมือฟรีทำอินโฟกราฟฟิกเองได้ง่าย ๆ

อินโฟกราฟฟิก มาจากคำว่า Information (ข้อมูล) + Graphic (รูป) รวมเป็น “การนำข้อมูลต่าง ๆ มาทำเป็นรูป” วันนี้เราจะมาดูวิธีทำ + เครื่องมือฟรี ๆ ทำออนไลน์ได้เอง

Lorem Ipsum คืออะไร + แจกเครื่องมือสร้าง Lorem Ipsum ภาษาไทย ใช้ฟรี

สำหรับเว็บดีไซเนอร์ เวลาดูงานดีไซน์ของ Designer เก่ง ๆ ในต่างประเทศ เช่น ใน Dribbble น่าจะเคยเห็นคำว่า “Lorem Ipsum…” มาไม่มากก็น้อยครับ วันนี้เราจะมาดูกันว่า Lorem Ipsum คืออะไร และแจกเครื่องมือสร้าง Lorem Ipsum ภาษาไทยดี ๆ ครับ

อยากทำเว็บ อยากทำ Startup? มารู้จักค่าย Young Webmaster Camp (YWC15)

ค่ายอบรมสำหรับเด็กมหาลัยที่สนใจทำงานด้านออนไลน์ ไม่ว่าจะเป็นโปรแกรมเมอร์, ดีไซเนอร์, Marketing, หรือสายนักเขียน Content ซึ่งในค่ายมีการสอนโดยพี่ ๆ เจ้าของและผู้บริหารเว็บไซต์ชื่อดังมากมาย เช่น Dek-D.com, Pantip, Tarad, Thumbsup, MangoZero, lnwShop และอื่น ๆ อีกมากมาย นอกจากนั้นยังมี Session ให้แชร์เรื่องราวดี ๆ จากรุ่นพี่ในค่ายที่ประสบการณ์น่าสนใจ หาฟังไม่ได้ที่อื่นแน่นอน

แนะนำ “เมล็ดพันธุ์” ฟ้อนต์ไทยสวย ๆ เหมาะกับทั้งงานเว็บและกราฟฟิก

ฟ้อนต์ Maledpan (เมล็ดพันธุ์) เกิดขึ้นมาจากความตั้งใจของ SeedThemes บริษัทธีม WordPress โดยคนไทย ที่ได้รับเงินสนับสนุนจากกองทุน INTANIA OPEN INNOVATION CLUB ของคณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย ตั้งแต่ปี 2016 ที่ต้องการยกระดับคุณภาพฟ้อนต์ไทยบนเว็บไซต์ ให้ทัดเทียมกับเว็บไซต์ราคาสูงได้