Tag: responsive web design

18 เรื่องที่ Front-end Developer ควรรู้ในปี 2016

ในปี 2015 ที่ผ่านมา ชาว front-end developer ทั้งหลาย คงจะเหนื่อยกันไม่น้อยเลยใช่มั้ยละครับ ก็พวกเทคนิคการทำเว็บต่างๆ มันช่างไปไวซะเหลือเกิน บทความนี้ ผมเลยจะมาสรุปความรู้ต่างๆ ที่ตัวผมคิดว่า front-end developer ควรจะมีติดตัวไว้ฮะ

วิธีกำหนด font-size ใน Responsive Web Design

หลายคนรู้แล้วว่าเราควรกำหนด font-size โดยใช้หน่วยแบบ relative ไม่ใช่หน่วยแบบ absolute แต่ถึงกระนั้น การกำหนด font-size ในการทำเว็บก็ยังคงมีปัญหาอยู่ดี

สอนวิธีทำ Responsive Table

เรารู้แล้วว่าการใช้ table นั้นยังสามารถทำได้อยู่ถ้าข้อมูลนั้นเป็น tabular data ปัญหาต่อมาก็คือ เราจะทำอย่างไร เพื่อให้ table ยังคงสามารถแสดงผลได้ดีเมื่อดูด้วยหน้าจอขนาดเล็กๆ

@viewport CSS Rule คืออะไร ? + สอนวิธีใช้

โดยปกติแล้ว เวลาเราต้องการจะปรับค่าต่างๆ ที่เกี่ยวกับ viewport เราก็มักจะใช้ viewport meta tag แต่ W3C มองว่าการปรับแต่ง viewport ควรทำให้เป็นมาตรฐานมากกว่านี้

Viewport Meta Tag คืออะไร ? + สอนวิธีใช้

สำหรับใครที่ทำ responsive web อยู่ คงจะคุ้นเคยกับ viewport meta tag เป็นอย่างดี แต่หลายๆ คนอาจจะต้องแปลกใจ เมื่อได้รู้ว่าสิ่งนี้นั้นไม่ได้เป็นมาตรฐาน

line-height ใช้หน่วยอะไรดีที่สุด ?

เรื่องของ line-height นั้น เป็นเรื่องที่หลายๆ คน ยังไม่ค่อยให้ความสำคัญเท่าไรนัก บทความนี้จะอธิบายถึงการใช้หน่วยของ line-height ในแต่ละแบบว่ามันมีความแตกต่างกันอย่างไร?

One Web คืออะไร?

คำว่า "One Web" อาจจะไม่ค่อยคุ้นหูใครหลายๆ คน ใช่มั้ยครับ แต่จริงๆ แล้ว มันเป็นเรื่องที่น่าสนใจเอามากๆ เรามาดูกันดีกว่าครับว่า "One Web" คืออะไร ?

จะเขียน Media Queries ใช้ Px หรือ Em ถึงจะดี?

คนส่วนใหญ่ เวลาจะเขียน media queries ขึ้นมา ก็มักจะใช้หน่วยเป็น px ใช่มั้ยล่ะครับ แต่บางคนกลับเลือกที่จะใช้หน่วยเป็น em แทน ทำไมเค้าจึงทำเช่นนั้น?
Page 1 of 212