Dreamweaver 画像の幅と高さをリセットするコマンド « きんくまデザイン
こんにちは。きんくまです。 えっと、この前からDreamweaverのコマンドの作り方を調べてました。そしたら、あれですね。 ドリはhtmlとJavaScriptで作るんですね。 htmlでパネルを作って、JavaScriptで操作するという感じです。でも、大掛かりなやつだとファイルを分けた方がいいと思うんですが、小さめなやつだとhtmlに埋め込んでも問題ないようです。 実際、ヒストリパネルから、自作コマンドを保存した場合、htmlの中にJSが埋め込まれてます。 さて、今回のコマンドは画像の幅と高さをリセットするコマンドです。 いや、正確にいうと、もし幅と高さの属性を持っていない場合は、幅と高さを付け足しちゃうコマンドです。 具体的には、 <div id="id_1"> <h1><img src="images/id_1_1.jpg"></h1> <img src="images/c3_3
Dreamweaverの拡張機能まとめ
Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー：全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 （CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも
【レビュー】タブ切り替えを劇的に便利にしてくれるFirefoxのアドオン「LastTab 2.1.1」 (1) LastTab 2.1.1の概要 | パソコン | マイコミジャーナル
「LastTab 2.1.1」はショートカットキーでタブを切り替えるときに、タブのリストとサムネイルを表示してくれるFirefoxのアドオンだ。Firefox1.0〜3.0に対応している。Firefoxを使っているときに、タブを切り替えるために「ウィンドウの上部までマウスを持っていくのが面倒くさい」とか、Windowsの [Alt] + [Tab] のように「キーボードでできればよいのに」と思ったことは無いだろうか。 Firefoxのショートカットキー 普通にマウスオペレーションだけでFirefoxを使っていると気付かないが、実はそのためのショートカットキーが用意されている。(ただし後者は3つのキーを同時に押さねばならないため、使いにくい) 次(右隣)のタブへ切り替える [Ctrl] + [Tab] 前(左隣)のタブへ切り替える [Ctrl] + [Shift] + [Tab] このこ
Flash開発（動作チェック）に必須FireFoxアドオン - toytools log
Flash Switcherアドオンをインストールする http://www.sephiroth.it/firefox/flash_switcher/index.php ↑このページのInstall now!から ブラウザの右下にこんな（f）アイコンが出てたらインストール成功です。 切り替えられるバージョンを追加する 必要なバージョンのFlashPlayerをダウンロードする インストールしたままではver7,8,9の切り替えしかできないので ver9（デバッグ版）とver10を追加します http://www.adobe.com/jp/support/kb/ts/228/ts_228683_ja-jp.html （リンク切れなので変更） 上記ページから、必要なバージョンのFlashPlayerをダウンロードします。 追加するバージョンをインストールする ダウンロードしたzipを解凍すると
アドビ―Dreamweaverデベロッパーセンター
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
デバッグCSSはStylishを使うとすこぶる便利な件 | TOTOCO.ORG
先日TRANSさんで紹介されていたデバッグCSS、Firefxの拡張「Stylish」を使えば便利だと思うのですよ。 以前書いたFx拡張まとめでも挙げているように、Stylishはユーザースタイルシートの編集・管理をする拡張です。 デバッグ用CSS「Diagnostic Styling」とそのサンプルコード - TRANS [hatena] http://d.hatena.ne.jp/aratako0/20080119/p1 サイトのチェックをするたびにデバッグCSSを追記するのもちょっと面倒ですよね？ Stylishに登録しておいてチェックの時だけ有効にすれば、制作済みのファイルを汚すこともなくとても便利です。自分はこの方法でチェックをやっています。Web制作者なら大抵Firefoxをインストールされていると思うので、試しにやってみてはどうでしょう。（以下はWindowsでの手順で
Hack Attack：ブックマークだけじゃない――Firefoxでアドオン、プロファイルまで同期する方法 - ITmedia Biz.ID
ブックマークだけじゃない――Firefoxでアドオン、プロファイルまで同期する方法：Hack Attack ブラウザ設定情報の同期ツールは多々あるが、アドオンや各プロファイルまで全部、複数のマシンで同期するとなると、このFolderShareを使う方法がお勧めだ。 【この記事は、2007年6月26日付で米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 太古の昔から人類は、Firefoxのアドオンやテーマ、ブックマーク、保存したパスワードを複数のコンピュータで同期させたいと渇望してきた。それがかなえば、どこで仕事をしようとも、ブラウザを自分で設定した環境で使うことができるからだ。 実を言うと、同期する方法を見つけた。解決方法は、Microsoftのフォルダ同期・共有ツール、「FolderShare」にある（2006年8月14日の記事参照）。ちょっとした犠牲は伴う
K's WEB Sample Stocks: 全角数字を半角数字に変換
ソース上にある全角数字を半角数字に変換するコマンドです。 変形として、全角数字を半角数字に変換するコマンド、全角英字・全角数字・半角カタカナを半角英字・半角数字・全角カタカナに変換するコマンドなどもあります。必要に応じてカスタマイズは簡単です。 ■ダウンロード先 zenei.mxp（全角数字を半角数字に変換） suuji.mxp（全角数字を半角数字に変換） zenei_suuji_hankana.mxp（全角英字・全角数字・半角カタカナを半角英字・半角数字・全角カタカナに変換） ■インストール方法 ・ダウンロードしたエクステンションをダブルクリック。 ・エクステンションマネージャーが開いたら、承諾をクリック。 ・ドリを再起動。 ■使用方法 Dreamweaver のメニューから、 [コマンド] -> [変換：全角英字を半角英字に] を選択するだけでＯＫです。 全角数字 変
一瞬で「できるIE7」に変身させるフリーアドオン「IE7Pro 1.1」リリース：CodeZine
IE7用アドオン「IE7Pro 1.1」が11日にリリースされた。IE7ProのWebサイトより無償でダウンロードできる。IE7を使う際には導入しておくことをおすすめしたいアドオンだ。 IE7に欲しかった機能が盛りだくさん IE7には他のブラウザと比べると細かな点で搭載されていない機能が多い。IE7Proをインストールすると、次の機能が使えるようになる。 マウスジェスチャー ダブルクリックでタブを閉じる お気に入り、検索バーで選択したページを新しいタブで開く ショートカットキーの設定 タブの自動更新 タブの履歴管理 ページの自動スクロール 入力フォームの自動設定 プロキシの簡易切り替え クラッシュリカバリー こんな機能も また、以下の機能も備えている。 スーパードラッグ＆ドロップ リンクをドラッグ＆ドロップすると新しいタブでリンク先を開くことができる。また、
CSS属性フォーマット Version 0.2 « cyano
CSS属性フォーマット Version 0.2をリリースしました。この拡張機能を使うとバラバラになりがちなCSSの属性を、位置を指定するもの→ボーダーを指定するもの→・・・といった具合にに並び替えることが出来ます。この拡張機能はDreamweaver 4以降で動きます（MX2004でしか検証してませんが…）。インストール方法は上のリンクからCSS_AttrFormat020.mxpをダウンロードしてダブルクリックするとExtensionManagerが立ち上がり、自動的にインストールされます。 この拡張機能はCSSのセレクタ内の属性を指定した順番にフォーマットしてくれるものです。例えば以下のようなCSSがあるとします。 .sidetitle { border-right-width: 8px; border-left-width: 8px; text-align: center; back
30 Firefox Add-ons for Web Developers & Designers
Firefox has cool add-ons which make the job of website designers and developers much easier. Here is our list of 30+ excellent Firefox add-ons that every web developer and designer should know about. CSS Aardvark - A cool extension for web developers and designers, allows them to view CSS attributes, id, class by highlighting page element individually. chromEdit - Alter the appearance of any page
[N] ウェブ開発者・デザイナーのためのFirefox機能拡張リスト
30+ Firefox Add-ons for Web Developers & Designersというエントリーより。 Firefox has cool add-ons which make the job of website designers and developers much easier. Mashableが、ウェブ開発者・デザイナーのためのFirefox機能拡張リストをまとめていました。30種類以上の機能拡張がジャンル別に紹介されています。 ■CSS CSSを確認、チェック、編集することができる機能拡張。 ・Aardvark ・chromEdit ・CSSMate ・CSS validator ・CSSViewer ・EditCSS ・IE Tab ・Style Sheet Chooser II ■Debugging and Analysis HTMLの確認、リンクチェ
![[N] ウェブ開発者・デザイナーのためのFirefox機能拡張リスト](https://cdn-ak-scissors.b.st-hatena.com/image/square/4551a4c386239a8a918ba852f25cb4d77440b9fb/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2021%2F03%2Fog-image.png)
秋元@サイボウズラボ・プログラマー・ブログ: YSlow for Firebug ページのチューニングを助言してくれるFirefoxアドオン
via Ajaxian Yahoo! Developer NetworkからリリースされたYSlowは、Firefox+Firebugのアドオンとして、ページの表示速度の改善点を列挙してくれるというツールだ。 ここのところ、ウェブサイトのパフォーマンス改善で積極的に資料を公開しているYahoo!が、ツールも出してきた。今日のOSConにて発表されたもののようだ。 アドオンをインストールして任意のページを開くと、Firebugのメニューの中にYSlowが追加される。Performanceのタブには、パフォーマンスの点数(下記では「C(71)」)と、13の項目のそれぞれについてパフォーマンス対策がされているかどうかを、A～Fのグレードで表示してくれる。 それぞれの指摘をクリックすると、Yahooの解説ページに飛んで、何がパフォーマンスの障害になっているのか、何をどう直すと改善されるのか、が読め
窓の杜 - 【NEWS】Google カレンダーと同期可能になったThunderbird拡張機能「Lightning」v0.5
米Mozilla Foundationは27日（現地時間）、メールソフト「Thunderbird」にスケジュール管理機能を追加できる拡張機能「Lightning」v0.5を公開した。本バージョンより、Webカレンダーサービス“Google カレンダー”とデータを同期できるようになっている。また、単体で動作するスケジューラー「Sunbird」もv0.5へバージョンアップし、同じくGoogle カレンダーとの同期に対応した。 Google カレンダーとの同期機能を利用するには、まずGoogle カレンダー上の管理画面で同期させたいカレンダーのXML形式のURLを表示し、クリップボードにコピーしておく。次に「Thunderbird」または「Sunbird」上で、新しいカレンダーの作成ウィザードを呼び出し、同期対象として“Google Calendar”を指定しよう。あとは、先ほどコピーしておいた
窓の杜 - 【特集】「Thunderbird」v2.0対応拡張機能特集 第1回
4月19日に公開された「Thunderbird」v2.0では、メールごとに複数のタグを自由に追加できるようになったほか、Webブラウザー風の［戻る］［進む］ボタンでメールの閲覧履歴をたどる機能が追加されるなど、大量のメールを効率よく管理・閲覧できる機能が多数搭載された。 しかし、いくつかの主要メールソフトに比べると、まだまだ基本機能に物足りなさを感じる人も多いだろう。また、「Thunderbird」はWebブラウザー「Firefox」と同様に、拡張機能を利用してユーザー自身が欲しい機能だけを追加できるのが特長の一つだ。そこで本特集では、これから「Thunderbird」に乗り換えようとしている人や、すでに「Thunderbird」を利用している人にもオススメできる拡張機能を紹介する。 第1回目となる今回は、「Thunderbird」に足りない基本機能を補う拡張機能を紹介する。続く第2回目で
IE7強力無料アドオン「IE7pro 0.9.12」公開、グリモンっぽいことが可能に：CodeZine
IE7を強力にカスタマイズできるアドオン「IE7pro 0.9.12」が27日、公開された。IE7pro.comから無償でダウンロードすることができる。 IE7proは、IE7をより使いやすくすることができるアドオン。マウスジェスチャーや、プロキシスイッチ、ダブルクリックでタブを閉じる、といった機能に加え、「スーパーマウスジェスチャー」と呼ばれる機能がついている。これを使うと、Web上のリンクをドラッグ＆ドロップするだけで、リンク先を新しいタブで開くことができるようになり、かなり便利だ。また、反転表示させた文字をドラッグ＆ドロップした場合は、その文字を自動的にGoogleで検索してくれる。 今回のバージョンアップではGreasemonkey（グリースモンキー）に似た機能として「User Script」が搭載された。GreasemonkeyはFirefoxの人気拡張機能の1つで、Java
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
