เนื้อหา
- 01. ทำให้ Gmail ง่ายขึ้น
- 02. สเปกตรัม
- 03. CSS Scan 2.0
- 04. อะมิโน
- 05. ซิซซี่
- 06. จานสีไซต์
- 07. เช็คบ็อต
- 08. โทบี้
- 09. ดอมแฟล็ก
- 10. ไฮไลท์เตอร์
เครื่องมือ Dev ของ Chrome นั้นยอดเยี่ยม แต่คุณสามารถเพิ่มคุณสมบัติที่น่าตื่นเต้นให้กับอินเทอร์เน็ตเบราว์เซอร์ของคุณเพื่อให้การออกแบบและพัฒนาเว็บง่ายขึ้น
แน่นอนว่ามีเครื่องมืออื่น ๆ อีกมากมายในการเร่งความเร็วดูโพสต์เครื่องมือออกแบบเว็บที่เราชื่นชอบ สำหรับตอนนี้นี่คือ 30 ส่วนขยาย Chrome ที่เราชื่นชอบสำหรับนักออกแบบเว็บไซต์และนักพัฒนา
01. ทำให้ Gmail ง่ายขึ้น
หากคุณพบว่า Gmail ยุ่งไปหน่อยสำหรับผลประโยชน์ของตัวเองลองพูดคุยกับ Simplify Gmail ซึ่งจะกวาดล้างสิ่งที่ไม่พึงประสงค์และการตัดสินใจ UI ที่ไม่ดีที่เกิดขึ้นในช่วงไม่กี่ปีที่ผ่านมา สร้างโดย Michael Leggett ซึ่งเป็นอดีตนักออกแบบชั้นนำของ Gmail ช่วยขจัดความยุ่งเหยิงที่ทำให้เสียสมาธิและมอบเวอร์ชันที่ใช้งานได้ดียิ่งขึ้น
02. สเปกตรัม
อาการตาบอดสีในบางประเภทส่งผลกระทบต่อผู้คนราว 200 ล้านคนทั่วโลก แต่การจัดเลี้ยงสำหรับพวกเขามักมีน้อยในรายการตรวจสอบการเข้าถึงของนักออกแบบ อย่างไรก็ตามด้วย Spectrum คุณสามารถทดสอบไซต์ของคุณกับความบกพร่องในการมองเห็นสีประเภทต่างๆได้อย่างรวดเร็วและตรวจสอบให้แน่ใจว่าทุกอย่างชัดเจน
03. CSS Scan 2.0
เครื่องมือ Dev ของ Chrome เป็นวิธีที่สะดวกในการตรวจสอบภายใต้ฝากระโปรงเพื่อดูว่าไซต์ทำงานอย่างไร แต่ CSS Scan 2.0 นั้นง่ายกว่าถ้าเป็น CSS ที่คุณต้องการดู วางเมาส์เหนือองค์ประกอบใด ๆ และ CSS จะปรากฏในมุมมองป๊อปอัปช่วยให้คุณสามารถคัดลอกกฎได้ในคลิกเดียว คุณสามารถใช้เพื่อคัดลอกองค์ประกอบบางอย่างจากธีมหรือเทมเพลตเพื่อปรับให้เหมาะกับการใช้งานของคุณเองและเหมาะสำหรับการดีบักโค้ดของคุณเอง
04. อะมิโน
นี่คืออีกหนึ่งเครื่องมือ CSS ที่ยอดเยี่ยม Amino เป็นโปรแกรมแก้ไข CSS แบบสดที่ให้คุณสร้างสไตล์ชีตในเบราว์เซอร์และนำไปใช้กับเว็บไซต์แบบเรียลไทม์ ช่วยให้คุณสามารถเปลี่ยนแปลงการออกแบบถาวรกับไซต์ใด ๆ ที่คุณเยี่ยมชมได้อย่างมีประสิทธิภาพและหากคุณลงชื่อเข้าใช้ Chrome ด้วยบัญชี Google ของคุณสไตล์ชีตจะถูกซิงค์เพื่อให้เข้าถึงได้จาก Chrome บนอุปกรณ์เดสก์ท็อปทั้งหมดของคุณ
05. ซิซซี่
การออกแบบเว็บที่ตอบสนองเป็นสิ่งที่ได้รับในทุกวันนี้และคุณต้องการวิธีที่ตรงไปตรงมาในการตรวจสอบการออกแบบของคุณในหลายวิวพอร์ต Sizzy จึงควรค่าแก่การดู มันจะแสดงมุมมองแบบโต้ตอบของเพจของคุณที่แสดงบนหน้าจออุปกรณ์หลายขนาดและคุณยังสามารถแสดงและซ่อนแป้นพิมพ์ของอุปกรณ์จำลองและสลับระหว่างโหมดแนวตั้งและแนวนอน
06. จานสีไซต์
ครั้งต่อไปที่คุณเห็นไซต์ที่ใช้สีอย่างดีเยี่ยมนี่เป็นวิธีง่ายๆในการใช้ประโยชน์จากเว็บไซต์ Site Palette แยกสีหลักจากเว็บไซต์และสร้างจานสีที่แชร์ได้ซึ่งคุณสามารถแสดงต่อผู้ทำงานร่วมกันได้อย่างง่ายดาย คุณยังสามารถดาวน์โหลดเทมเพลต Sketch และยังมีการสนับสนุน Adobe Swatch อีกด้วย
07. เช็คบ็อต
การตรวจสอบให้แน่ใจว่าลิงก์ทั้งหมดในไซต์ของคุณใช้งานได้จริงคือความสามารถในการใช้งานได้ทันทีและเป็นวิธีที่ดีในการปรับปรุง SEO ของคุณด้วย Checkbot เป็นส่วนขยายของ Chrome ที่ตรวจหาลิงก์ที่ใช้งานไม่ได้ชื่อที่ซ้ำกันโซ่การเปลี่ยนเส้นทาง HTML / JS / CSS ที่ไม่ถูกต้องและอื่น ๆ อีกมากมายเพื่อให้คุณตรวจสอบไซต์ของคุณได้อย่างรวดเร็วเพื่อหาลิงก์ที่ไม่ดีและได้รับการแก้ไข
08. โทบี้
เป็นความจริงที่รับทราบโดยทั่วกันว่าเมื่อคุณเปิด Chrome เป็นเวลาสองสามชั่วโมงมันจะเป็นรังของแท็บที่มีความกว้างเท่ากับความกว้างของนิ้วก้อยของคุณ โทบี้เป็นวิธีที่ดีในการทำให้เชื่อง ด้วยวิธีนี้คุณสามารถจัดระเบียบแท็บเหล่านั้นทั้งหมดให้เป็นคอลเลคชันลิงก์เพื่อเป็นทางเลือกในการโหลดบุ๊กมาร์กแต่ละรายการทำให้จัดการได้ง่ายขึ้นมาก
09. ดอมแฟล็ก
เร่งกระบวนการจัดแต่งทรงผมให้เร็วขึ้นด้วย DomFlags ซึ่งเป็นส่วนขยายที่ยอดเยี่ยมอย่างแท้จริงที่ให้คุณสร้างแป้นพิมพ์ลัดสำหรับองค์ประกอบ DOM เหมือนกับการมีบุ๊กมาร์กสำหรับการนำทาง DOM สิ่งนี้จะเปลี่ยนวิธีการทำงานกับ DevTools
10. ไฮไลท์เตอร์
นี่เป็นวิธีที่น่าสนใจในการนำผู้คนเข้าสู่การสนทนา: ช่วยให้คุณสามารถแบ่งปันไฮไลต์จากบทความบนเว็บได้เพื่อให้คุณสามารถดึงดูดความสนใจไปที่งานเขียนที่สำคัญที่สุดได้
ถัดไป: ส่วนขยาย Chrome เพิ่มเติม 10 รายการ