CSS Animation กลายเป็นส่วนหนึ่งของประสบการณ์ผู้ใช้บนเว็บไซต์ ไม่ว่าจะเป็นการเลื่อนหน้าแล้วมีเอฟเฟกต์ตามจังหวะ scroll, การเปลี่ยนหน้าที่ดูนุ่มนวล, ปุ่มที่ตอบสนองเมื่อผู้ใช้โต้ตอบ หรือ animation เล็ก ๆ ที่ช่วยให้เว็บดูเป็นมืออาชีพมากขึ้น จุดสำคัญคือ animation ที่ดีไม่ควรทำให้เว็บหนัก ไม่ควรรบกวนผู้ใช้ และควรทำงานได้ดีทั้งบนคอมพิวเตอร์และมือถือ เราได้นำเทคนิค CSS Animation ที่น่าสนใจ พร้อมตัวอย่างโค้ดที่นำไปปรับใช้ได้มาฝากเพื่อน ๆ แล้วจ้า
การปรับแต่ง CSS ใน WordPress ไม่ได้ยาก ถ้าทำถูกวิธีจะช่วยให้เว็บไซต์ของคุณดูสวยงามและโหลดเร็วขึ้นได้มาก วันนี้เราจะมาแชร์เทคนิคที่ใช้งานจริง ไม่ต้องง้อปลั๊กอินเยอะแยะ ลองทำตามดูแล้วคุณจะรู้สึกว่าการควบคุมเว็บไซต์ง่ายขึ้นเยอะ
ถ้าเพื่อนๆ เคยปรับแต่งเว็บใน WordPress หรือเขียน CSS เอง จะต้องเคยเจอหน่วยวัดพวก px, em, rem, %, vw, vh แน่นอน หลายคนอาจสงสัยว่า “มันต่างกันยังไง?” “ใช้แบบไหนดี?” หรือ “ทำไมบางทีขนาดมันไม่เท่ากัน?” เราจะพาคุณไปรู้จักแต่ละหน่วย เข้าใจง่าย พร้อมตัวอย่างและการเลือกใช้จริง
แพลตฟอร์มเว็บกำลังเข้าสู่ยุคใหม่ที่น่าตื่นเต้น นักพัฒนาสามารถจัดการสไตล์เฉพาะคอมโพเนนต์ ควบคุม parent element ตาม children และกำหนดสีแบบ relative ได้อย่างง่ายดาย สิ่งที่เคยต้องเขียนโค้ด JavaScript หลายบรรทัด ปัจจุบันทำได้ด้วย HTML และ CSS
สวัสดีครับเพื่อน ๆ ชาว WordPress ทุกคน วันนี้เรามาคุยกันเรื่องปัญหาที่หลายคนอาจจะเคยเจอ นั่นก็คือ Unused CSS หรือ CSS ที่ไม่ได้ใช้งานในเว็บไซต์ของเรา มันคืออะไรและจะมีปัญหาอะไรบ้าง ติดตามกันอ่านได้เลยจ้า
CSS มีคำสั่งมากมาย ส่วนใหญ่เราก็ใช้คำสั่งเดิมๆ ที่เราคุ้นเคย แต่เชื่อหรือไม่ครับว่ายังมีคำสั่ง CSS อีกหลายคำสั่งที่เราอาจจะยังไม่รู้มาก่อนก็เป็นได้ ซึ่งวันนี้เราจะพาเพื่อนๆ ไปดูกันนะครับว่ามีอะไรกันบ้าง
เครื่องมือ CSS ที่ช่วยทุ่นเวลาในการเขียนโค้ด CSS บางคนอาจจะรู้ CSS เพียงนิดหน่อย หรือไม่รู้เลยก็สามารถใช้ได้ เพราะเครื่องมือเหล่านี้จะเจนโค้ดมาให้เราพร้อมใช้งาน เราเพียง Copy โค้ดแล้วไปแปะในเว็บที่ต้องการได้เลย
ก่อนจะเป็นนักพัฒนา Wordpress ต้องเตรียมตัวและเรียนรู้ทักษะอะไรบ้าง มีขั้นตอนอย่างไรบ้าง เพื่อให้ก้าวขึ้นมาเป็น Wordpress Developer
ปลั๊กอินสำหรับเพิ่มความเร็วให้กับเว็บไซต์ด้วยการปิดการใช้งานสคริปต์ JavaScript และ CSS ที่มาจากปลั๊กอินหลายตัวที่ไม่จำเป็นสำหรับการใช้งานในหน้านั้นๆ ทำให้เว็บไซต์เบาและเร็วขึ้น
การแสดงรายชื่อของ JS/CSS ที่ใช้ในหน้าเว็บ เพื่อนำไป Exclude ในปลั๊กอินเมื่อทำการ Optimize แล้วทำให้เกิดการแสดงผลที่ผิดเพี้ยนเพราะ JS/CSS บางตัวไม่สามารถทำงานได้ตามปกติ
การแก้ไขปัญหา Above the fold content ตามคำแนะนำของ Google PageSpeed Insights เพื่อให้หน้าเว็บแสดงผลได้รวดเร็วที่สุด โดยเฉพาะการเข้าชมผ่านทางมือถือที่ Google จะนำมาใช้ในผลการค้นหา
Gonzales ปลั๊กอินสำหรับเปิดปิด CSS และ JS ในเว็บไซต์แต่ละหน้าได้ดั่งใจ ทำให้ลดทรัพยากรและเวลาในการโหลดหน้าเว็บน้อยลง เว็บทำงานเร็วขึ้น