IT4X เทคนิคคอมพิวเตอร์ โน๊ตบุค ข่าว IT

ไม่อัพเดท => กระทู้โดนลบ => ข้อความที่เริ่มโดย: prangpooh ที่ กรกฎาคม 29, 2009, 19:04:53

หัวข้อ: Add-ons ตัวเจ๋งของ เจ้าหมาไฟ
เริ่มหัวข้อโดย: prangpooh ที่ กรกฎาคม 29, 2009, 19:04:53
Add-ons ตัวเจ๋งของ เจ้าหมาไฟ ตัวช่วยให้ก้าวสู่มือโปร hi5

สำหรับ FIREFOX เท่านั้นนะ  หุหุ

Add on ที่นี่เลยคร้าบ
https://addons.mozilla.org/en-US/firefox/addon/60 (https://addons.mozilla.org/en-US/firefox/addon/60)

ส่วนถ้ายังไม่มี Firefox ก็ Download ที่นี่
http://www.firefoxget.com (http://www.firefoxget.com)

สรรพคุณ
-ปิด ทำให้คุณใส่ JAVA Script โดยไม่ต้องยุ่งยากเพียงแค่คลิก
-ปิดภาพทั้งหมด
-ดู ID และ Class ของส่วนต่างๆได้
-ซูม เวบได้
-แสดงขนาดบล็อคแต่ละอัน
-ไม้บรรทัดวัดขนาดเวบ
-Line Guide ใช้วัดตำแหน่งของสิ่งต่างๆ
-Page Magnifier ขยายเป็นบางส่วนตามใจนึก
-อีกมากมาย รอคุณไปพิสูจน์

ตัวแรก Disable
(http://img.thzhost.com/i/fz/0ye21.png)
ชื่อก็บอกซะขนาดนี้ ส่วนนี้ก็คงต้องเป็นส่วนของการไม่ใช้อะไรๆหลายๆอย่างนะครับ
ที่เด็ดๆ ก็เห็นจะมี


DIsable Page Color นะครับ
ก่อน
(http://img.thzhost.com/i/6w/17z13.png)

หลัง
(http://img.thzhost.com/i/8v/7q714.png)


ส่วนที่สอง Cookies
อันนี้กินไม่ได้นะครับ ไม่ใช่คุกกี้อย่างนั้น หุหุ
อันนี้เป็นเรื่องของ คุ้กกี้ครับ ไม่ค่อยได้ยุ่งกันซักเท่าไหร่
(http://img.thzhost.com/i/b1/l3gd2.png)

ส่วนที่สาม CSS
(http://img.thzhost.com/i/t5/auxb3.png)
อันนี้มีที่น่าสนใจคือ ปิด Style นะครับ

CSS >> Disable style >> All style

ใช้ปิดอย่างอื่นให้หมด เหลือแค่เนื้อหาของเวบ
เผื่อเวลาเราไปเขอเวบที่หนักๆ แล้วเครื่องเราม่แรงพอ ครับ ^^
ก่อนปิดนะครับ

(http://img.thzhost.com/i/6y/61o17.png)

ปิดปุ้บ ว้าวว  หุหุ
(http://img.thzhost.com/i/jx/xpf18.png)

ส่วนที่สี่ Form
(http://img.thzhost.com/i/no/mbbz4.png)
เป็นเรื่องของการเติมในช่องว่าง ดูพาสเวิร์ดได้ด้วยนะ
แต่การดู พาสเวิร์ดของเจ้านี่คือการแกะพาสเวิร์ดที่โดนเปลี่ยนเป็น ****** ตอนเราพิมพ์ลงไปอ่ะ

ส่วนที่ห้า Images
(http://img.thzhost.com/i/ct/uzgp5.png)
อันนี้น่าสนใจตรง ปิดภาพไม่ให้แสดงเนี่ยแหละ
แถมเลือกได้ด้วยว่าจะปิดภาพทั้งหมด
หรือ ปิดเฉพาะภาพที่ไม่ได้อยู่บน Site เดียวกับเวบ
เช่น ภาพที่ไป ฝากไว้ที่อื่นแล้วเอามาแปะไว้ในบอร์ด เป็นต้น

ส่วนที่หก (ให้รีบเช็ดนะ ^^) Information
(http://img.thzhost.com/i/ud/m7ex6.png)

อันนี้ใช้ดูข้อมูลต่างๆ ที่เด็ดๆของเมนูนี้คือ
DIsplay ID & Class Details
คือ ใช้ดู พวก Selection ของ Hi5 ไว้ช่วยในการเขียนโค้ด CSS นะครับ
(http://img.thzhost.com/i/mf/4j419.png)

อย่างที่เห็นนะ เหลืองๆอ่ะครับ เป็น ชื่อ ID และ Class ของแต่ละส่วน

ส่วนที่เจ็ด Miscellaneous
(http://img.thzhost.com/i/9v/et8l7.png)

อ้าาาก  อันนี้ผมชอบมาก อิอิ
Display Line Guide
บอกตำแหน่งของจุดต่างๆ โดยใช้เส้นตัดกัน
เราสามารถลากเส้นไปตรงไหนก็ได้ และ เพิ่มมาอีกกี่เส็นก็ได้ครับ
(เปลี่ยนสีเส้นก็ได้ ^^)

(http://img.thzhost.com/i/ot/6u120.png)
Display Page Magnifier
แว่นขยายยยยย ช่วยในการอ่าน  มั้ง  หุหุ
(http://img.thzhost.com/i/g3/dlt21.png)

ปรับขนาดของการขยายได้ที่ Magnification level นะครับ
(http://img.thzhost.com/i/lk/pbu22.png)


Display Ruler
ไม้บรรทัด วัดขนาด+พื้นที่
ใช้คลิกลงไปบนเวบ แล้วจะบอกค่า X กับ Y ออกมาให้ครับ
หรือ คลิกแล้วลาก สร้างเป็นพื้นที่ ก็จะบอก ความสูง และ ความกว้างให้ครับ
(http://img.thzhost.com/i/lf/5d423.png)


ข้อมูลต่างๆจะแสดงตรงข้างบนนะครับ
(http://img.thzhost.com/i/hj/jcr24.png)



Credit : http://hi5thai.com (http://hi5thai.com)


Site : www.it4x.com (http://www.it4x.com)