[วิดีโอ] สอนใช้ CSS3 Selector – nth-child, nth-of-type, first-child, last-child
designil November 9, 2019
วีดิโอนสอนการใช้งาน CSS3 เรื่องของ Selector พร้อมตัวอย่าง Workshop แบบลงมือทำไปพร้อมกัน
วีดิโอนสอนการใช้งาน CSS3 เรื่องของ Selector พร้อมตัวอย่าง Workshop แบบลงมือทำไปพร้อมกัน
บทความนี้เราก็จะมาคุยกันเรื่องวิธีการ Optimise รูปภาพและวีดิโอ เช่น การ บีบอัดรูป, การเปลี่ยนนามสกุลไฟล์, การทำ Lazyload ฯลฯ ซึ่งทำให้บทความ Web Page Speed ตอนนี้เป็นหัวข้อที่สำคัญมาก ๆ ไม่แพ้เรื่องอื่น ๆ
ในปัจจุบันการสร้างเว็บไซต์ใหม่กลายเป็นเรื่องง่ายไปแล้ว ไม่ว่าจะใช้เครื่องมือฟรี หรือเครื่องมือเสียเงิน ไม่ว่าจะเขียนโค้ดเป็นหรือไม่ ไม่ว่าจะอยากได้บลอคหรือ E-Commerce ก็สามารถสร้างเว็บไซต์เองได้ แต่สิ่งสำคัญที่หลาย ๆ คนมองข้ามไป คือ ทำยังไงให้เว็บไซต์เร็ว? เรื่องของ การเพิ่มความเร็วในการโหลดเว็บไซต์ อาจจะดูไม่สำคัญ แต่ตอนนี้กลายเป็นเรื่องใหญ่แล้ว เพราะ Google นำความเร็วเว็บไซต์มาจัดอันดับ Search
jQuery คือ JavaScript Library ที่ได้รับความนิยมมากหลายปีก่อน ประมาณ 5 ปีที่แล้ว ช่วงนั้นถือเป็นยุคที่น่าปวดหัวของคนเขียน JavaScript เพราะเราจะเจอปัญหาเรื่องการเขียนให้รันได้ทุกบราวเซอร์
Front-end as a Service เป็นการนำ HTML/CSS มาทำให้กลายเป็นเครื่องมือ Drag and drop แบบง่าย ๆ ไม่ต้องรู้โค้ดก็ใช้ได้
โดยคุณตั้งมาเล่าถึงเทคนิคการ Optimize ความเร็วเว็บไซต์ / Web Performance กันแบบโหด ๆ ให้เร็วติดจรวด ชนิดที่ว่าคนทำเว็บไซต์มาเป็นสิบปีแล้วก็อาจจะยังไม่รู้มาก่อน แถมใช้เครื่องมือฟรีทุกชนิด!
ตอนนี้ เราสามารถใช้งาน Github Private Repository ได้ฟรี ไม่ต้องเติมเงินแม้แต่บาทเดียว มาดูความแตกต่างระหว่าง Github VS Bitbucket VS Gitlab กันเลย
บทความนี้แนะนำ CSS Framework และ JS Framework / Library ที่กำลังได้รับความนิยมในขณะนี้ เพื่อให้ผู้ที่อยากเริ่มทำเว็บไซต์ด้าน Frontend Development สามารถเลือกเรียน เลือกใช้งานได้ง่ายขึ้น
