Web Developerã§CSSã¨HTMLを編集ã—ã¦ã¿ã‚ˆã† - builder by ZDNet Japan
å‰å›žã®ã€ŒWeb Developerã§ã‚¦ã‚§ãƒ–サイトを構築・デãƒãƒƒã‚°ã€ã«å¼•ã続ãã€ä»Šå›žã‚‚ウェブ開発å‘ã‘ã®Firefoxアドオン「Web Developerã€ã®åŸºæœ¬æ©Ÿèƒ½ã‚’紹介ã™ã‚‹ã€‚ CSSã‚„HTMLã®ç·¨é›† Web Developerã®å¤§ããªç‰¹å¾´ã«ã€ãƒ•ã‚¡ã‚¤ãƒ«ãã®ã‚‚ã®ã‚’書ãæ›ãˆã‚‹ã“ã¨ãªãHTMLã‚„CSSã®ç·¨é›†çµæžœã‚’プレビューã§ãã‚‹ã¨ã„ã†æ©Ÿèƒ½ãŒã‚る。 例ãˆã°CSSã®å ´åˆã€ãƒ„ールãƒãƒ¼ã‹ã‚‰ï¼»CSS］−［CSSを編集ã™ã‚‹ï¼½ã‚’é¸æŠžã™ã‚‹ã¨ã€ç¾åœ¨ã®ãƒšãƒ¼ã‚¸ãŒä½¿ç”¨ã—ã¦ã„ã‚‹CSSãŒã‚µã‚¤ãƒ‰ãƒãƒ¼ï¼ˆè¡¨ç¤ºå ´æ‰€ã¯å¤‰æ›´å¯èƒ½ï¼‰ã«è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ã“れを変更ã—ã€ä¸Šéƒ¨ã®ï¼»é©ç”¨ï¼½ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ãã®å†…容ãŒè¡¨ç¤ºä¸ã®ãƒšãƒ¼ã‚¸ã«åæ˜ ã•ã‚Œã‚‹ã€‚ å…ƒã«æˆ»ã™ã«ã¯ï¼»ãƒªã‚»ãƒƒãƒˆï¼½ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚Œã°ã‚ˆã„。もã¡ã‚ã‚“ã€ç·¨é›†ã—ãŸCSSã‚’ãƒãƒ¼ã‚«ãƒ«ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ä¿å˜ã™ã‚‹ã“ã¨ã‚‚ã§ãる。
Web Developerã§è¡Œã†CSSデãƒãƒƒã‚°
Web Developerã§è¡Œã†CSSデãƒãƒƒã‚° Web Developerã¯ãƒŠãƒˆãƒ©ãƒœã•ã‚“ãŒå…¬é–‹ã—ã¦ã„ã‚‹Web制作をアシストã—ã¦ãれるFirefoxã®æ‹¡å¼µæ©Ÿèƒ½(アドオン)ã§ã™ã€‚ インストール Firefoxã§é…布ページã«ã‚¢ã‚¯ã‚»ã‚¹ã—「ダウンãƒãƒ¼ãƒ‰ï¼šWebdeveloper for Firefox (399kb)ã€ã‚’クリックã™ã‚‹ã“ã¨ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒé–‹å§‹ã•ã‚Œã¾ã™ã€‚ インストール開始時ã«ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ã€Œã“ã®ã‚µã‚¤ãƒˆ(lab.tubonotubo.jp)ã‹ã‚‰ã¯Firefoxã«ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’インストールã§ããªã„è¨å®šã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ã€ã¨è¡¨ç¤ºã•ã‚Œã¾ã™ãŒã€å³ã®ã€Œè¨±å¯(A)ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã“ã¨ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¯èƒ½ã§ã™ã€‚ インストール画é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ç”»é¢ä¸‹éƒ¨ã«ã€Žã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«(5)ã€ã¨ã„ã£ãŸã‚°ãƒ¬ãƒ¼ã®ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ãŒã€ã™ã“ã—å¾…ã¤ã¨ã€Žä»Šã™ãインストールã€ã«å¤‰ã‚ã‚Šã¾ã™ã€‚変ã‚ã‚Šã¾ã—ãŸã‚‰ãƒœã‚¿ãƒ³ã‚’クリックã—ã¦ã‚¤ãƒ³
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Web Developer 日本語版 ã®æ©Ÿèƒ½ä¸€è¦§
{{#tags}}- {{label}}
{{/tags}}