บทเรียนนี้จะพาคุณไปรู้จักกับหลักการออกแบบ UI/UX ที่สำคัญและวิธีการนำไปปรับใช้กับการสร้างเว็บไซต์ด้วย Tailwind CSS โดยเน้นที่การทำความเข้าใจพื้นฐานเพื่อให้คุณสามารถออกแบบเว็บไซต์ที่สวยงามและใช้งานง่ายได้
เนื้อหาภาษาไทย / タイ語のコンテンツ
บทความนี้แนะนำพื้นฐานของ UI (ส่วนติดต่อผู้ใช้) และ UX (ประสบการณ์ผู้ใช้) ซึ่งมีความสำคัญอย่างยิ่งต่อการพัฒนา Frontend ที่ดี โดย UI เน้นที่ความสวยงามและใช้งานง่า...
บทความนี้กล่าวถึงหลักการออกแบบ UI ที่ดี ซึ่งประกอบไปด้วยการจัดวาง Layout ที่เหมาะสมโดยเน้น Hierarchy, Balance, Proximity, Whitespace และ Grid Systems, การเลือกใ...
จากบทที่แล้วเน้น UI ที่สวยงาม ในบทนี้เราได้เรียนรู้หลักการออกแบบ UX ที่ดี ซึ่งเน้นการใช้งานง่าย (Usability) และการเข้าถึง (Accessibility) เพื่อสร้างประสบการณ์ที...
บทความนี้เป็นการเริ่มต้นใช้งาน Tailwind CSS เพื่อสร้าง Layout พื้นฐาน โดยเน้นการใช้ Flexbox และ Grid ในการจัดเรียงองค์ประกอบ พร้อมทั้งแนะนำการกำหนดขนาด, ระยะห่า...
บทความนี้กล่าวถึงการใช้สีและ Typography ใน Tailwind CSS ซึ่งเป็นองค์ประกอบสำคัญในการสร้าง UI/UX ที่ดี โดยเน้นที่การเลือกสีจาก palettes ที่มีอยู่, การสร้าง contr...
บทความนี้อธิบายถึงวิธีการสร้าง Components อย่างง่ายด้วย Tailwind CSS โดยเน้นการสร้าง Custom Classes ด้วย `@apply` directive เพื่อนำ Utility Classes มาใช้ซ้ำ และ...
บทความนี้อธิบายวิธีการสร้าง Responsive Design พื้นฐานด้วย Tailwind CSS โดยใช้ Breakpoints เพื่อปรับ Layout, ซ่อน/แสดงองค์ประกอบ และปรับ Typography ให้เหมาะสมกับ...
