HTML5

Articles

ทีม Bootstrap 4 ประกาศเดินหน้าเต็มที่ !! เลิกพัฒนา Bootstrap 3 แล้ว

หลังจาก Bootstrap 4 Alpha ปล่อยออกมานานมากและไม่เสร็จสักที หัวเรือใหญ่ของโปรเจคที่ทำมาตั้งแต่เริ่มต้น คุณ Mark Otto (ผู้สร้าง Bootstrap ตั้งแต่เวอร์ชั่นแรก) ก็เลยออกมาประกาศว่า…

12 เทคนิคการดีไซน์ปุ่มสำหรับ UX / UI Designer

ปุ่ม (Button) นับว่าเป็นชิ้นส่วนในการออกแบบเว็บไซต์พื้นฐานที่ทุกเว็บไซต์ ทุกแอพพลิเคชั่นจำเป็นต้องมี ไม่ว่าเราจะดีไซน์ User Interface (UI Design) หรือกำลังร่าง Wireframe (UX Design) ก็ตาม

[Slide] ใครเค้าเขียน HTML/CSS/JS กัน !! มารู้จักกับ Preprocessor

เมื่อวานนี้มีโอกาสได้ไปพูดในงาน Code Mania 11 ซึ่งจัดขึ้นโดยสมาคมโปรแกรมเมอร์ไทย ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยครับ

เผยเทคนิคการทำ Prototype สำหรับ Startup ที่ Designer อ่านได้ Developer อ่านดี​ โดยใช้ React

เปิดเผยวิธีและเทคนิคทั้งหมดที่ใช้จากประสบการณ์ที่ได้มากจากการทำ Startup และใช้ ReactJS มากว่า 2 ปี มาสร้าง Prototype โดยใช้เวลาตั้งแต่เริ่มทำ Wireframe ถึงจบงานรวมแล้ว 14 ชม.

สรุปเทคโนโลยีทุกอย่างสำหรับคนอยากมีเว็บ / แอพในปี 2016 ฉบับเข้าใจง่าย ๆ

บทความนี้จะตอบทุกคำถาม การทำงานของ Web? Front-end / Back-end คืออะไร? PHP ต่างกับ Ruby ยังไง? แล้วเคยได้ยินชื่อ WordPress / Joomla มันไว้ทำอะไรกันแน่ ? ฯลฯ

ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน

Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา


[Tips] ทำกราฟฟิก JPEG พื้นหลังใสไว้ใช้แทน PNG ด้วย SVG !!

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

เขียน CSS ให้ดีขึ้นได้ง่าย ๆ ด้วยเทคนิค BEM !!

เวลามีคนเขียน CSS หลายคนในโปรเจคเดียวกัน หรือนำโค้ดของคนอื่นมาแก้ต่อ (เช่น ซื้อจาก Themeforest) จะแก้ CSS ได้ยากเพราะอ่านไม่ออก มาดูวิธีแก้แบบ BEM CSS กัน