เรียน Responsive Web Design

  • Day 1 : Responsive Web Design คืออะไรจริงๆ แล้ว Responsive Web Design ไม่ใช่เรื่องใหม่ ผมจะสรุปง่ายๆ สั้นๆ เพื่อให้เพื่อนๆ เข้าใจ Responsive Web Design มากขึ้น
  • Day 2 : Media Queries คืออะไร
    บท ความนี้ผมจะมาพูดถึง Media Queries ซึ่งถือเป็นหัวใจสำคัญในการทำ Responsive Web Design โดยผมจะเน้นไปที่ความเป็นมา และวิธีใช้งานเบื้องต้นครับ
  • Day 3 : วิธีเรียกใช้ Media Queries
    หลัง จากที่เรารู้ความเป็นมาของ Media Queries ไปแล้ว ทีนี้เราลองมาดูวิธีการเรียกใช้งานของ Media Queries ว่ามันมีกี่รูปแบบ และมีวิธีใช้งานอย่างไร
  • Day 4 : Media Features ของ Media Queriesเมื่อ เราสามารถเรียกใช้ Media Queries เป็นแล้ว เราลองมาดูว่า Media Features ซึ่งเป็นส่วนหนึ่งของ Expression ใน Media Queries มีอะไรบ้าง
  • Day 5 : รู้จักกับ Breakpointsบทความนี้ ผมจะมาเล่าว่า Breakpoints คืออะไร และมีความสำคัญกับ Responsive Web Design อย่างไร รวมไปถึงวิธีการกำหนด Breakpoints
  • Day 6 : ความแตกต่างระหว่างหน่วย Px และ Em ในการเขียน Media Queriesคนส่วนใหญ่ เวลาจะเขียน Media Queries ขึ้นมา ก็มักจะใช้หน่วยเป็น px ใช่มั้ยล่ะครับ แต่บางคนกลับเลือกที่จะใช้หน่วยเป็น em แทน ทำไมเค้าจึงทำเช่นนั้น
  • Day 7 : รู้จักกับ Viewport Meta Tagสำหรับใครที่ทำ responsive web อยู่ คงจะคุ้นเคยกับ viewport meta tag เป็นอย่างดี แต่หลายๆ คนอาจจะต้องแปลกใจ เมื่อได้รู้ว่าสิ่งนี้นั้นไม่ได้เป็นมาตรฐาน
  • Day 8 : รู้จักกับแนวคิด Mobile-Firstมาทำความรู้จักกับแนวคิดในการทำ responsive web design ที่กำลังได้รับความนิยมมากที่สุด
  • Day 9 : สรุปขั้นตอนทำ Responsive Web Designหลัง จากที่เราเขียน Media Queries และกำหนด Breakpoints เป็นแล้ว ทีนี้เรามาดูขั้นตอนสำคัญๆ ในการทำ Responsive Web Design ว่ามันมีอะไรบ้าง
  • Day 10 : วิธีกำหนด font-size ใน Responsive Web Designการกำหนด font-size ใน responsive web design ควรทำอย่างไร ?
  • Day 11 : วิธีทำ Table ให้เป็นแบบ Responsivetable นั้นยังสามารถใช้ได้อยู่ถ้าข้อมูลนั้นเป็น tabular data ปัญหาก็คือ เราจะทำอย่างไรเพื่อให้ table ยังคงสามารถแสดงผลได้ดีเมื่อดูด้วยหน้าจอขนาดเล็กๆ
(Visited 6,873 times, 8 visits today)

3 Responses to “เรียน Responsive Web Design”

  1. ขอบคุณครับ มีประโยชน์มากครับ

  2. ขอบคุณครับ จะนำความรู้ที่ได้ไปใช้ครับ

    แวะมาเยี่ยมชมเว็บไซต์ผมบ้างนะครับ http://www.tnt.co.th

Leave a Reply