{Memo8|Tool Kits} For Web Developer » Firefox

Firefox Add-ons Domain Details

admin — Sun, 04 Apr 2010 09:03:29 +0000

ประโยชน์ของ Add-ons ตัวนี้คือไว้ แสดง Server Type, Headers, IP Address, Location Flag, และลิงค์ไป Whois Reports. ส่วนตัวผมชอบฟังก์ชั่น Copy IP และ Whois Reports ครับ

Download: https://addons.mozilla.org/en-US/firefox/addon/2166

Firefox Add-ons Google Shortcuts

admin — Fri, 02 Apr 2010 09:27:42 +0000

ผมเป็นคนใช้บริการ Google บ่อย เช่น Gmail , Gmap หรือ Google Translates พอดีไปเจอ Add-ons ตัวนี้ โดยมันจะสร้าง Shortcuts บริการของ Google ทั้งหมดไว้ให้ (เราสามารถเลือกบริการให้แสดงได้) ต่อไปเวลาเข้าบริการของ Google ก็ไม่ต้องพิมพ์ หรือ Bookmark ให้เสียเวลาแล้ว

Download: https://addons.mozilla.org/en-US/firefox/addon/3576

Firefox Add-ons วันนี้ขอเสนอ List All Images 0.6

admin — Thu, 21 May 2009 13:53:54 +0000

Add-ons ตัวนี้อาจจะมีประโยชน์ตอนที่อยากจะดูแต่รูปในหน้าเว็บว่ามี รูปอะไร อยู่พาธไหน size เท่าไหร่ก็ประมาณนี้ล่ะครับ

Download: https://addons.mozilla.org/en-US/firefox/addon/3688#

Firefox Add-ons สำหรับดูว่า web page นั้นติด Google Analytics หรือไม่‏

admin — Sat, 28 Feb 2009 01:50:42 +0000

Firefox Add-ons ชื่อ Counterpixel 1.14เพื่อความสะดวกในการดู Google Analytics เบื้องต้น

ถ้ามี Google Analytics ก็จะขึ้นที่ status bar ตามด้านล่างครับ

และสามารถคลิกที่ ดูรายละเอียด Analytics-ID ได้ ดังรูป

จริงๆ support หลายตัวเช่น

Supported are the following:
* Cybermonitor
* eStat
* eTracker
* Google Analytics (urchin.js/ga.js)
* Infonline (IVW)
* Nedstat Sitestat
* OEWA
* Omniture Sitecatalyst
* opentracker.net
* Piwik
* Prospectfinder
* Quantcast
* Reinvigorate
* Sitemeter
* Spring
* StormAnalytics
* Webtrends
* WEMF
* WiredMinds

Download: https://addons.mozilla.org/en-US/firefox/addon/5414

ออกแบบ GUI ด้วย Firefox Add-ons Pencil 1.0.4

admin — Mon, 16 Feb 2009 13:38:18 +0000

โปรแกรมประเภท GUI prototyping and simple sketching สามารถ export เป็น png ไฟล์ได้ มี input ต่างๆมากมาย เช่น button , text box , check box เป็นต้น อ้อ !พวก input ต่างๆไม่ใช่On web base นะครับ จะเป็น Desktop แต่ก็เอาไว้ออกแบบให้ User เห็น UI คร่าวๆ ก็ใช้ได้นะ

Download : https://addons.mozilla.org/en-US/firefox/addon/8487

Download YouTube แบบง่ายโคตร…แค่คลิกขวา กับ Video DownloadHelper (Firefox Add-ons)

admin — Tue, 10 Feb 2009 14:29:01 +0000

ก็ไว้สำหรับ download ไฟล์ Video จาก YouTube ครับ ซึ่งจริงๆก็มีเว็บที่ให้บริการพวกนี้อยู่แล้ว แต่ผมชอบเจ้าตัวนี้มากกว่านะรู้สึกสะดวกกว่ามากเลยล่ะ สามารถ Download ตามลิงค์ด้านล่างครับ เมื่อติดตั้งเสร็จก็เริ่มใช้งานกันเลย

อ้อ!!! ก่อนจะใช้งานขอบอกวิธีการเปลี่ยน Directory สำหรับเก็บไฟล์ที่เรา Download ลงมาก่อน วิธีการดังนี้คับ

1. คลิกขวา >เลือก > DownloadHelper >Preferences

2.เลือก Service >แท็บเมนูDownload จากนั้นก็สามารถเปลี่ยน Directory ที่ Storage directory ได้เลย

ส่วนวิธี Download ดังนี้

ให้เปิด เว็บ YouTube ขึ้นมา
จากนั้นเลื่อน mouse ไปวางที่ Thumbnail
คลิกขวาเลือก “Download videos from YouTube (link)s”และคลิก Download ได้เลย

เป็นอันเสร็จสิ้นภาระกิจ จบแล้วจ้า… ^__________^

Download: https://addons.mozilla.org/en-US/firefox/addon/3006

Firefox Add-ons Flashblock

admin — Mon, 06 Oct 2008 13:37:43 +0000

Add-ons ตัวนี้ก็ตามชื่อเลยคับ สำหรับเอาไว้ block flash ที่จะแสดงบนเว็บ เอามาแนะนำเพราะใช้อยู่ด้วยเห็นผลที่ว่าทำเว็บที่มี vdo บ่อยๆเปิดเว็บทีดัังที (เกิดอาการเซ็งปลวกทันที T_T) เพราะเราก็เปิดเพลงฟังไปด้วยจะให้ปิดลำโพงได้กะไร สำหรับใครอยู่สถานะการตอนนี้ก็ลองดาวน์โหลดไปใช้ได้เลยคับ

Download : https://addons.mozilla.org/en-US/firefox/addon/433

Firefox Add-ons HttpFox 0.8.2

admin — Thu, 28 Aug 2008 16:19:12 +0000

เอาไว้ดู HTTP Headers , Post Data , Cookies,Query String ครับ

Download: https://addons.mozilla.org/en-US/firefox/addon/6647

Firefox Add-ons MeasureIt 0.3.8

admin — Sat, 09 Aug 2008 04:59:33 +0000

เริ่มเขียน CSS มากเข้าทุกวันๆ Div ซ้อน Div บ๊อยบ่อย Layout ต้องให้ตรงกับที่ออกแบบมาเยื้องแม้แต่ Pixel เดียวก็ทำให้ Layout เพี้ยนเลยล่ะ แน่นอนมันควรจะต้องเป็นอย่างนั้นครับ ไม่ใช่สักจะทำพอผ่านๆ เราควรใส่ใจในรายละเอียด ไม่ใช่เผาส่ง (แต่บางครั้งเวลามันกระชั้นชิดสุดๆก็เผาบ้างอิอิ…) เลยไปได้ “ไม้บันทัดสำหรับใช้บน Firefox มา” ฮิ้วๆ เหมือนใน Photoshop เลย ทีนี้จะเพิ่มความสะดวกในงานได้แล้ว

พอติดตั้ง ก็จะมีรูปไม้บรรทัดด้านล่างซ้ายจะใช้ก็จิ้มมีนทีนึงก่อนแล้วเอา mouse มาลากวัดดูที่หน้าเว็บเท่านี้ก็จบ อุอุ…

Download : https://addons.mozilla.org/en-US/firefox/addon/539

Firefox Web Developer Toolbar

admin — Thu, 17 Jul 2008 17:23:06 +0000

Firefox Extension ดีๆที่ชื่อก็บอกอยู่แล้วว่าสำหรับใคร ตัวนี้ผมขาดไม่ได้ ป่ะหนึ่งขาดเธอขาดใจกันเลยทีเดียว ความสามารถมากถึงมากที่สุด ทั้ง Disable CSS , Display form detail , แสดง Id ของ element ต่างๆ โอย…เยอะมากต้องลองติดตั้งดูเอาเองแล้วกันครับ จะว่าไป Extension ตัวนี้ก็มีมานานพอสมควรแล้วแต่ก็ขอมาแป่ะไว้ซะหน่อยเผื่อมีคนทำเว็บใหม่ๆที่ไม่รู้มาอ่านเจอ อุอุ… ^_^

ติดตั้งไปที่นี่จ้า : https://addons.mozilla.org/en-US/firefox/addon/60