Making your website grid-aligned using gridfox and firebug
Have you ever sliced a layout, only for it not to be grid-aligned once it’s scripted? This post explains what to do in this situation to restore the appearance of the website. Thanks to Eric Puidokas, there is a program that adds a grid overlay in Firefox itself, and in combination with Firebug, you receive a very easy way to grid-align a website. Install firebug. This will let you edit CSS real-t
jQueryを使ã£ãŸé–‹ç™ºã«ä¾¿åˆ©ï¼Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ã£ã¦Webシステムを開発ã™ã‚‹éš›ã«ã¯å¿…é ˆã¨ã‚‚言ãˆã‚‹Firebug。ãã—ã¦äººæ°—ã®é«˜ã„JavaScriptライブラリã®jQuery。ã“ã®äºŒã¤ãŒçµ„ã¿åˆã‚ã•ã£ãŸã¨ãã€ã“ã‚Œã¾ã§ä»¥ä¸Šã®é…力ãŒæ„Ÿã˜ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ マウスを当ã¦ã‚‹ã¨ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã•ã‚Œã‚‹ ãã†ç¢ºä¿¡ã§ãã‚‹ã®ãŒFireQueryを使ã£ãŸçž¬é–“ã 。ã“ã®äºŒã¤ã®èžåˆã¯ã€JavaScriptã®é–‹ç™ºã‚’ãƒãƒ¼ã‚¹ãƒˆã—ã¦ãれるã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯FireQueryã€Firebugã¨é€£æºã™ã‚‹jQuery開発補助アドオンã 。 FireQueryã¯console.logã«åã出ã—ãŸå†…容を元ã«ã€ç”»é¢ä¸Šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ãれる。例ãˆã°console.log($('p'));ã¨å‡ºã›ã°ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«å‡ºåŠ›ã•ã‚ŒãŸ jQuery(p)ã¨ã„ã†è¡¨ç¤ºã«ãƒžã‚¦ã‚¹ã‚’当ã¦ã‚‹ã¨ã€è©²å½“部分ãŒãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã«ãªã‚‹ã€‚ã©
ã€ãƒã‚¦ãƒ„ー】Firebugã«HTML/CSSリファレンスをアドオン! - FireScope (1) ã‚ã®ãƒ—ãƒãƒ‘ティã®ä½¿ã„æ–¹ãªã‚“ã ã£ã‘? ã“ã‚Œã‹ã‚‰ã¯FireScopeã§ä¸€ç™º! | エンタープライズ | マイコミジャーナル
ã‚ã®ãƒ—ãƒãƒ‘ティã®ä½¿ã„æ–¹ãªã‚“ã ã£ã‘? ã“ã‚Œã‹ã‚‰ã¯FireScopeã§ä¸€ç™º! SitePoint.comã¯1月27æ—¥(米国時間)ã€Firebug上ã§å‹•ä½œã™ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ã€ŒFireScope v1.0.1ã€ã‚’リリースã—ãŸã€‚FireScopeã¯Firefox2-3ã®Firebug1.2以é™ã§å‹•ä½œã™ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ã€‚å„種HTMLエレメントやCSSプãƒãƒ‘ティã¨ã„ã£ãŸè¦ç´ ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨å„種ブラウザã®å¯¾å¿œçŠ¶æ³ã€ã‚µãƒ³ãƒ—ルコードを表示ã—ã¦ãれるアドオンã 。SitePointãŒå…¬é–‹ã—ã¦ã„ã‚‹å„種HTML, CSSリファレンスã®ä¸€éƒ¨ã‚’ã¾ã¨ã‚ãŸå†…容ã¨ãªã£ã¦ã„る。 主ãªæ©Ÿèƒ½ã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告ã«æº–æ‹ ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ å„種ブラウザ対応状æ³(
ウェブ制作ã«ã‹ã‹ã›ãªã„Firebugã®æ©Ÿèƒ½ã‚’æ›´ã«å¼·åŒ–ã™ã‚‹æ©Ÿèƒ½æ‹¡å¼µé›† | コリス
Sofrware is hardã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€è±Šå¯Œãªé–‹ç™ºãƒ„ールを備ãˆãŸFirefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã€ŒFirebugã€ã®æ©Ÿèƒ½ã‚’強化ã™ã‚‹æ©Ÿèƒ½æ‹¡å¼µã‚’紹介ã—ã¾ã™ã€‚ List of Firebug Extensions Firebug HTML, CSS, JavaScriptãªã©ã‚’編集・デãƒãƒƒã‚°ãƒ»ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°ã§ãる開発ツール。 以下ã®å…¨ã¦ã®æ©Ÿèƒ½æ‹¡å¼µã¯ã€Firebug上ã§å‹•ä½œã—ã¾ã™ã€‚ Firebug Firebug -Firefox Add-ons YSlow ページã®åˆ†æžã€ãƒ‘フォーマンスレãƒãƒ¼ãƒˆã€HTTP/HTMLサマリーã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒªã‚¹ãƒˆ YSlow YSlow -Firefox Add-ons Firecookie クッã‚ーã®ç®¡ç† Firecookie Firecookie -Firefox Add-ons FirePHP PHPã®ãƒ‡ãƒãƒƒã‚° FirePHP FirePHP -Firefo
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
特集：Firefox 3ã¨Firebugã§å§‹ã‚ã‚‹JavaScript開発｜gihyo.jp … 技術評論社
Yahoo Developer Network
{{#tags}}- {{label}}
{{/tags}}