การออกแบบเว็บไซต์ที่ดีนั้นต้องอาศัยปัจจัยหลายประการหนึ่งในนั้นคือตำแหน่งที่ถูกต้องของทุกองค์ประกอบ เทป เป็นส่วนเสริมของ Chrome เพื่อช่วยนักออกแบบเว็บไซต์ด้วยสิ่งนี้โดยอนุญาตให้คุณเพิ่มผู้ปกครองไปยังหน้าเว็บ เทปมีมากกว่าส่วนขยายที่มีการวัดพิกเซลร่วมกัน มันไม่ได้บอกพื้นที่ที่คุณครอบครองโดยองค์ประกอบเฉพาะเป็นพิกเซล แต่ยังช่วยให้คุณเพิ่มไม้บรรทัดจำนวนมากให้กับอินเทอร์เฟซเบราว์เซอร์ตามที่คุณต้องการเพื่อวัดและกำหนดระยะทางสัมพัทธ์ขององค์ประกอบที่แตกต่างกัน คุณสามารถเพิ่มผู้ปกครองทั้งในแนวนอนและแนวตั้งกำหนดจุดกำเนิด (ใช่มากกว่าหนึ่งคน) และตั้งค่าตัวชี้ให้จัดองค์ประกอบต่าง ๆ ในหน้าเว็บโดยอัตโนมัติเมื่อคุณเลื่อนไปมาเหมือนใน Photoshop เทปเปิดใช้งานบนเว็บเพจผ่านปุ่มและควบคุมผ่านคีย์บอร์ดของคุณเท่านั้น เห็นได้ชัดว่าหน้าเว็บนั้นไม่สามารถใช้งานได้ในขณะที่เปิดใช้งานเทปดังนั้นคุณจะไม่พลาดฟังก์ชั่นหลักทั่วไป
เมื่อติดตั้งแล้วให้คลิกปุ่มส่วนขยายต่อไปไปที่แถบ URL เพื่อเปิดใช้งาน ป๊อปอัพขนาดเล็กจะปรากฏขึ้นที่ด้านล่างซ้ายแสดงรายการแป้นพิมพ์ลัดและฟังก์ชั่น เคอร์เซอร์ของคุณจะเปลี่ยนเป็นไม้บรรทัดโดยอัตโนมัติทั้งในแนวนอนและแนวตั้ง เมื่อคุณเลื่อนเคอร์เซอร์ไปทั่วหน้าเว็บคุณจะสังเกตเห็นว่ามันเลื่อนไปที่องค์ประกอบต่างๆ (เน้นด้วยสีแดง) ศึกษารายการฟังก์ชั่นของคีย์บอร์ดเพื่อดูว่าจะเพิ่มไม้บรรทัดอย่างไร ทางลัดส่วนใหญ่นั้นใช้งานง่ายตั้งแต่เริ่มต้น ตัวอย่างเช่นคุณสามารถใช้ปุ่ม H และ L ตามลำดับเพื่อเพิ่มไม้บรรทัดแนวนอนและแนวตั้ง
คุณสามารถวางได้ทั้งแนวตั้งและแนวนอนที่มาจากจุดเดียวกันโดยการวางเคอร์เซอร์ของคุณเหนือมันและกดปุ่ม O เทปเป็นเลิศสำหรับการทำงานกับองค์ประกอบการออกแบบขนาดใหญ่และยังมีเครื่องมือขยายที่จะช่วยให้คุณเพิ่มผู้ปกครองกับองค์ประกอบที่มีขนาดเล็กลง ในการเปิดใช้งานเครื่องมือขยาย (เรียกว่า Loupe) ให้กดปุ่ม L พร้อมเปิดใช้งานเทปและเคอร์เซอร์ของคุณจะขยายสิ่งที่คุณเคลื่อนย้ายไป
ผู้ปกครองที่ช่วยให้เทปได้อย่างถูกต้องรองรับแม้กระทั่งองค์ประกอบการแสดงผลขนาดเล็กและการสร้างตารางที่ดีรอบ ๆ พวกเขาเป็นเรื่องง่ายมาก บางทีคุณสมบัติที่ดีที่สุดของส่วนขยายคือถ้าคุณปิดการใช้งานเทปบนหน้าหลังจากวาดตารางบนมันจะจดจำเครื่องหมายเก่าของคุณทุกครั้งที่คุณเปิดใช้งานในครั้งต่อไปตราบใดที่คุณไม่รีเฟรชหน้าปิดแท็บหรือ ออกจากเบราว์เซอร์
เทปค่อนข้างเร็วและตอบสนองมากและเราไม่พบเหตุผลที่จะบ่นเกี่ยวกับการทดสอบของเรา คุณสมบัติดังกล่าวเพียงพอสำหรับนักออกแบบเว็บไซต์ทุกคนที่ใช้ Chrome เพื่อลองใช้งาน
ติดตั้ง Tape จาก Chrome Web Store
ความคิดเห็น