Add-ons ตัวเจ๋งของ เจ้าหมาไฟ ตัวช่วยให้ก้าวสู่มือโปร hi5
สำหรับ FIREFOX เท่านั้นนะ หุหุ
Add on ที่นี่เลยคร้าบ
https://addons.mozilla.org/en-US/firefox/addon/60
ส่วนถ้ายังไม่มี Firefox ก็ Download ที่นี่
http://www.firefoxget.com
สรรพคุณ
-ปิด ทำให้คุณใส่ JAVA Script โดยไม่ต้องยุ่งยากเพียงแค่คลิก
-ปิดภาพทั้งหมด
-ดู ID และ Class ของส่วนต่างๆได้
-ซูม เวบได้
-แสดงขนาดบล็อคแต่ละอัน
-ไม้บรรทัดวัดขนาดเวบ
-Line Guide ใช้วัดตำแหน่งของสิ่งต่างๆ
-Page Magnifier ขยายเป็นบางส่วนตามใจนึก
-อีกมากมาย รอคุณไปพิสูจน์
ตัวแรก Disable
ชื่อก็บอกซะขนาดนี้ ส่วนนี้ก็คงต้องเป็นส่วนของการไม่ใช้อะไรๆหลายๆอย่างนะครับ
ที่เด็ดๆ ก็เห็นจะมี
DIsable Page Color นะครับ
ก่อน
หลัง
ส่วนที่สอง Cookies
อันนี้กินไม่ได้นะครับ ไม่ใช่คุกกี้อย่างนั้น หุหุ
อันนี้เป็นเรื่องของ คุ้กกี้ครับ ไม่ค่อยได้ยุ่งกันซักเท่าไหร่
ส่วนที่สาม CSS
อันนี้มีที่น่าสนใจคือ ปิด Style นะครับ
CSS >> Disable style >> All style
ใช้ปิดอย่างอื่นให้หมด เหลือแค่เนื้อหาของเวบ
เผื่อเวลาเราไปเขอเวบที่หนักๆ แล้วเครื่องเราม่แรงพอ ครับ ^^
ก่อนปิดนะครับ
ปิดปุ้บ ว้าวว หุหุ
ส่วนที่สี่ Form
เป็นเรื่องของการเติมในช่องว่าง ดูพาสเวิร์ดได้ด้วยนะ
แต่การดู พาสเวิร์ดของเจ้านี่คือการแกะพาสเวิร์ดที่โดนเปลี่ยนเป็น ****** ตอนเราพิมพ์ลงไปอ่ะ
ส่วนที่ห้า Images
อันนี้น่าสนใจตรง ปิดภาพไม่ให้แสดงเนี่ยแหละ
แถมเลือกได้ด้วยว่าจะปิดภาพทั้งหมด
หรือ ปิดเฉพาะภาพที่ไม่ได้อยู่บน Site เดียวกับเวบ
เช่น ภาพที่ไป ฝากไว้ที่อื่นแล้วเอามาแปะไว้ในบอร์ด เป็นต้น
ส่วนที่หก (ให้รีบเช็ดนะ ^^) Information
อันนี้ใช้ดูข้อมูลต่างๆ ที่เด็ดๆของเมนูนี้คือ
DIsplay ID & Class Details
คือ ใช้ดู พวก Selection ของ Hi5 ไว้ช่วยในการเขียนโค้ด CSS นะครับ
อย่างที่เห็นนะ เหลืองๆอ่ะครับ เป็น ชื่อ ID และ Class ของแต่ละส่วน
ส่วนที่เจ็ด Miscellaneous
อ้าาาก อันนี้ผมชอบมาก อิอิ
Display Line Guide
บอกตำแหน่งของจุดต่างๆ โดยใช้เส้นตัดกัน
เราสามารถลากเส้นไปตรงไหนก็ได้ และ เพิ่มมาอีกกี่เส็นก็ได้ครับ
(เปลี่ยนสีเส้นก็ได้ ^^)
Display Page Magnifier
แว่นขยายยยยย ช่วยในการอ่าน มั้ง หุหุ
ปรับขนาดของการขยายได้ที่ Magnification level นะครับ
Display Ruler
ไม้บรรทัด วัดขนาด+พื้นที่
ใช้คลิกลงไปบนเวบ แล้วจะบอกค่า X กับ Y ออกมาให้ครับ
หรือ คลิกแล้วลาก สร้างเป็นพื้นที่ ก็จะบอก ความสูง และ ความกว้างให้ครับ
ข้อมูลต่างๆจะแสดงตรงข้างบนนะครับ
Credit : http://hi5thai.com
Site : www.it4x.com
สำหรับ FIREFOX เท่านั้นนะ หุหุ
Add on ที่นี่เลยคร้าบ
https://addons.mozilla.org/en-US/firefox/addon/60
ส่วนถ้ายังไม่มี Firefox ก็ Download ที่นี่
http://www.firefoxget.com
สรรพคุณ
-ปิด ทำให้คุณใส่ JAVA Script โดยไม่ต้องยุ่งยากเพียงแค่คลิก
-ปิดภาพทั้งหมด
-ดู ID และ Class ของส่วนต่างๆได้
-ซูม เวบได้
-แสดงขนาดบล็อคแต่ละอัน
-ไม้บรรทัดวัดขนาดเวบ
-Line Guide ใช้วัดตำแหน่งของสิ่งต่างๆ
-Page Magnifier ขยายเป็นบางส่วนตามใจนึก
-อีกมากมาย รอคุณไปพิสูจน์
ตัวแรก Disable
ชื่อก็บอกซะขนาดนี้ ส่วนนี้ก็คงต้องเป็นส่วนของการไม่ใช้อะไรๆหลายๆอย่างนะครับ
ที่เด็ดๆ ก็เห็นจะมี
DIsable Page Color นะครับ
ก่อน
หลัง
ส่วนที่สอง Cookies
อันนี้กินไม่ได้นะครับ ไม่ใช่คุกกี้อย่างนั้น หุหุ
อันนี้เป็นเรื่องของ คุ้กกี้ครับ ไม่ค่อยได้ยุ่งกันซักเท่าไหร่
ส่วนที่สาม CSS
อันนี้มีที่น่าสนใจคือ ปิด Style นะครับ
CSS >> Disable style >> All style
ใช้ปิดอย่างอื่นให้หมด เหลือแค่เนื้อหาของเวบ
เผื่อเวลาเราไปเขอเวบที่หนักๆ แล้วเครื่องเราม่แรงพอ ครับ ^^
ก่อนปิดนะครับ
ปิดปุ้บ ว้าวว หุหุ
ส่วนที่สี่ Form
เป็นเรื่องของการเติมในช่องว่าง ดูพาสเวิร์ดได้ด้วยนะ
แต่การดู พาสเวิร์ดของเจ้านี่คือการแกะพาสเวิร์ดที่โดนเปลี่ยนเป็น ****** ตอนเราพิมพ์ลงไปอ่ะ
ส่วนที่ห้า Images
อันนี้น่าสนใจตรง ปิดภาพไม่ให้แสดงเนี่ยแหละ
แถมเลือกได้ด้วยว่าจะปิดภาพทั้งหมด
หรือ ปิดเฉพาะภาพที่ไม่ได้อยู่บน Site เดียวกับเวบ
เช่น ภาพที่ไป ฝากไว้ที่อื่นแล้วเอามาแปะไว้ในบอร์ด เป็นต้น
ส่วนที่หก (ให้รีบเช็ดนะ ^^) Information
อันนี้ใช้ดูข้อมูลต่างๆ ที่เด็ดๆของเมนูนี้คือ
DIsplay ID & Class Details
คือ ใช้ดู พวก Selection ของ Hi5 ไว้ช่วยในการเขียนโค้ด CSS นะครับ
อย่างที่เห็นนะ เหลืองๆอ่ะครับ เป็น ชื่อ ID และ Class ของแต่ละส่วน
ส่วนที่เจ็ด Miscellaneous
อ้าาาก อันนี้ผมชอบมาก อิอิ
Display Line Guide
บอกตำแหน่งของจุดต่างๆ โดยใช้เส้นตัดกัน
เราสามารถลากเส้นไปตรงไหนก็ได้ และ เพิ่มมาอีกกี่เส็นก็ได้ครับ
(เปลี่ยนสีเส้นก็ได้ ^^)
Display Page Magnifier
แว่นขยายยยยย ช่วยในการอ่าน มั้ง หุหุ
ปรับขนาดของการขยายได้ที่ Magnification level นะครับ
Display Ruler
ไม้บรรทัด วัดขนาด+พื้นที่
ใช้คลิกลงไปบนเวบ แล้วจะบอกค่า X กับ Y ออกมาให้ครับ
หรือ คลิกแล้วลาก สร้างเป็นพื้นที่ ก็จะบอก ความสูง และ ความกว้างให้ครับ
ข้อมูลต่างๆจะแสดงตรงข้างบนนะครับ
Credit : http://hi5thai.com
Site : www.it4x.com