หลังจากที่เราได้ลองสร้างเว็บเพจแรกไปแล้วในบทเรียนสร้างเว็บไซต์เป็นใน 30 นาที วันนี้เรามาตกแต่งเว็บเพจของเราให้สวยขึ้นด้วย CSS กันดีกว่าครับ
โดยปกติแล้ว เวลา value ของ css property เปลี่ยนไป มันก็จะส่งผลกับ html element นั้นในทันที ตัวอย่างเช่น เดิมกล่องหนึ่งมีพื้นหลังสีแดง และมีขนาด 100px ทั้งความกว้างและความสูง
.box { background: red; width: 100px; height: 100px…
โดยปกติแล้ว เวลาเราต้องการจะปรับค่าต่างๆ ที่เกี่ยวกับ viewport เราก็มักจะใช้ viewport meta tag ที่คิดค้นขึ้นมาโดย Apple แต่ W3C มองว่าการปรับแต่ง viewport ควรทำให้เป็นมาตรฐานมากกว่านี้ จึงได้สร้าง “CSS Device Adaptation” ขึ้นมา
ทุกวันนี้ ใครๆ ก็อยากมีเว็บไซต์เป็นของตัวเองทั้งนั้นครับ ไม่ว่าจะทำเพื่อนำเสนอข่าว ขายสินค้า แนะนำตัวเอง หรือเพื่อสร้างสังคมออนไลน์ เว็บไซต์สามารถตอบโจทย์เหล่านี้ได้เป็นอย่างดี เพราะใครๆ ก็สามารถเข้าถึงได้ง่าย และยังมีค่าใช้จ่ายน้อยมากเมื่อเทียบกับสื่ออื่นๆ อีกด้วย แต่หลายๆ คน…
สำหรับใครที่ทำ responsive web อยู่ คงจะคุ้นเคยกับ viewport meta tag เป็นอย่างดี แต่หลายๆ คนอาจจะต้องแปลกใจ เมื่อได้รู้ว่าสิ่งนี้นั้นไม่ได้เป็นมาตรฐาน
ว่ากันว่าคนเราไม่ค่อยชอบอ่านตัวหนังสือเท่าไรนัก เราจะเห็นว่าเว็บไซต์ส่วนใหญ่เลือกที่จะใช้รูปภาพในการสื่อสารกับผู้อ่าน ไม่ว่าจะเป็นตำแหน่งของรูป สีสัน และขนาด ล้วนมีส่วนทำให้ผู้ใช้งานสะดุดตา…