Firefox 33 มีอะไรใหม่บ้าง ?

ในเวอร์ชันที่ 33 นี้ Firefox ได้มีการอัพเดทเยอะพอสมควรเลยนะครับ ผมเลยจะขอพูดเฉพาะในส่วนที่เกี่ยวกับ front-end engineer ก็แล้วกัน ที่เด่นๆ เลยก็จะมีดังนี้ครับ

Event Listener Popup

ที่แท็บ inspector จะแสดงไอคอน ev ตามหลัง element ที่มี event listener ด้วยครับ โดยที่ไอคอนนี้ เราจะสามารถ click เพื่อดู event listener ทั้งหมดของ element นั้นๆ ได้ แถมยังสามารถเข้าไป debug แต่ละ event listener ได้อีกด้วย

@media sidebar

ที่แท็บ Style Editor จะมี sidebar ที่จะแสดง @media rule ทั้งหมดที่อยู่ในไฟล์ที่เรากำลังแก้ไขอยู่เพิ่มเข้ามาครับ

Edit keyframes

ที่แท็บ inspect เวลาเราเลือก element ที่ใช้ css animation มันจะแสดง @keyframes ที่ element นั้นใช้อยู่เพิ่มเข้ามาตรง rule ด้วย เวลาเราจะแก้ animation ก็สามารถแก้ที่ @keyframes ได้เลย

Cubic bezier editor

ที่ แท็บ inspect ในส่วนของ rule เราจะสามารถแก้ easing ของ animation ที่เป็นแบบ Cubic bezier ได้ทันทีผ่าน UI ง่ายๆ โดยการกดที่ไอคอนที่อยู่หลัง animation-timing-function

ที่มา — SitePoint