แอปเปิลอาจแตกเป็นชิ้นเล็กชิ้นน้อยการออกแบบฮาร์ดแวร์และซอฟต์แวร์ แต่ที่จุดสูงสุดมันสอนให้เราเห็นว่ามีบางสิ่งที่ดีถ้ามีการจัดแนวอย่างเหมาะสม ประเด็นก็คือเมื่อสิ่งต่างๆเข้ากันอย่างสมบูรณ์แบบพวกเขาดูดีขึ้นและสิ่งนี้ถือเป็นจริงสำหรับการออกแบบอุตสาหกรรมและการออกแบบเว็บ โดยปกติแล้วการออกแบบเว็บไซต์จะถูกสร้างขึ้นใน Photoshop แต่นั่นไม่ได้หมายความว่านักออกแบบและนักพัฒนาไม่ได้ยุ่งเกี่ยวกับรูปลักษณ์ของเว็บไซต์ในเบราว์เซอร์ของพวกเขา มันค่อนข้างง่ายที่จะคนจรจัดด้วย; สิ่งที่คุณต้องทำคือเปิดคอนโซลการพัฒนาเว็บที่เว็บเบราว์เซอร์หลัก ๆ มีและเพิ่มการขยายเปลี่ยนสีข้อความ ฯลฯ สิ่งหนึ่งที่คอนโซลเหล่านี้ขาดคือเครื่องมือการจัดตำแหน่ง หาก Chrome เป็นเบราว์เซอร์ที่คุณต้องการเพื่อการพัฒนา baseliner เป็นส่วนขยายที่คุณต้องลอง มันเพิ่มชุดของเส้นแนวนอนให้กับหน้าจอของคุณ คุณมีอิสระอย่างสมบูรณ์ในการกำหนดระยะห่างระหว่างบรรทัดเหล่านี้รวมถึงสีของพวกเขา นอกจากนี้เครื่องมือนี้ช่วยให้คุณเพิ่มการเติมช่องว่างที่กำหนดเองไปที่ด้านบนของหน้าก่อนเส้นตาราง
ติดตั้ง Baseliner และคลิกปุ่ม B ที่เพิ่มถัดจากแถบที่อยู่ เมนูจะเปิดขึ้นพร้อมตัวเลือกสำหรับปรับแต่งกริดของคุณ
โดยค่าเริ่มต้นการเติมเต็มด้านบนตั้งไว้ที่ 0px,ระยะห่างระหว่างบรรทัดถูกตั้งค่าเป็น 12px และเส้นเป็นสีเทาโดยตั้งค่าความทึบเป็น 100% หากต้องการเปลี่ยนหนึ่งในค่าเหล่านี้ให้คลิกภายในกล่องที่อยู่ถัดจากค่าเหล่านั้น
กล่องสีให้คุณเลือกสีมาตรฐานเพื่อเปลี่ยนสีของเส้นกริด ค่าระยะห่างการเติมและความทึบสามารถเปลี่ยนได้โดยป้อนหมายเลขที่กำหนดเองสำหรับแต่ละพารามิเตอร์ คุณสามารถใช้ลูกศรขึ้น / ลงเพื่อเพิ่มหรือลดค่าได้ เมื่อปรับแต่งตารางแล้วให้คลิก ‘ใช้’ ที่ด้านล่าง
girdlines ถูกเพิ่มไปยังหน้าปัจจุบันเท่านั้นไม่ใช่ทุกหน้าที่คุณเปิดในเบราว์เซอร์ หากต้องการลบบรรทัดเมื่อเสร็จสิ้นเพียงคลิกปุ่ม B อีกครั้งและคลิกปุ่ม "ลบ" ที่ด้านล่าง
Baseliner ทำงานได้อย่างไร้ที่ติ การควบคุมสีสำหรับเส้นกริดและส่วนขยายที่ด้านบนเพียงแค่ทำให้ส่วนขยายนั้นมีความชาญฉลาดมากขึ้น เราหวังว่ามันจะรองรับเส้นแนวตั้งเช่นกัน
ติดตั้ง Baseliner จาก The Chrome Web Store
ความคิดเห็น