■EmmetTab ： Emmet記述の展開 Ctrl+Shift+A ： 選択範囲をタグで囲む Ctrl+\ ： コメント化 Ctrl+Shift+L ： 一行選択 Ctrl+Shift+T ： タグのペアを確認 Ctrl+Shift+K ： タグの削除（前後共） Ctrl+Shift+M ： 改行とタブを消去して、一行化する Ctrl+Alt…

■Extractパネルと使う。 DreameWeaver上でPSDファイルを扱う。1.Extractパネルを開き、PSDをアップロードします。 （Extractパネルで使用できるPSDはCreative Cloudのアセットにあるファイルのみです。 Creative Cloud上になければExtractパネルからアップロ…

BracketsはAdobeが開発したエディタです。 コーディング時に、変更箇所を即座に反映してくれるので修正などに大いに役立ちます。1.作業フォルダを決めて開く。 2.フォルダ内を右クリックしてファイルを新規作成できる。 3.右側のライブビュー（雷マーク）でC…

notepad++をインストール時の変更箇所の覚書です。 Setting ⇒ Preferences ⇒ Localizationを「日本語」に変更します。 エンコード ⇒ 「UTF-8（BOMなし）で開く」に変更します。 表示 ⇒ 制御文字の表示 ⇒「半角スペースとタブを表示」 を選択しておきます。 …

Emmet（2013年2月24日に正式リリース）Zen-Codingの次期バージョンで、 IDE（統合開発環境）やエディタで使えるHTML/CSSのコーディングをサポートするプラグインです。 独自の記述方法を用い、通常に記述するよりも作業速度をUPさせます。 独自の記述方法は …

以前は、IETesterなどをインストールしてIEの他のバージョンでの見え方を確認するのが一般的だったようですが、IE9になってから開発者ツール（ブラウザ上でF12）のツールバーに『ブラウザモード』というメニューがありますので、ここを切り替える事によりIE7…

画質が良いのでワークフレームの段階から使ます。 PIXTA(ピクスタ) http://pixta.jp/?gclid=CKWLx6jnvbcCFQQcpQod-jYA1A

＜Web制作個ものツール＞ ◎ダミーテキストジェネレータ 文字数まで指定できるダミーデータのサイトです。 http://webtools.dounokouno.com/dummytext/◎すぐ使えるダミーテキスト 夏目漱石などの文を生成してくれます。 http://lipsum.sugutsukaeru.jp/

作成したプレゼンテーションを複数のユーザーに見せたり、複数人で編集したりできるgoogleプレゼンテーションは共同作業にぴったりの機能です。※googleのIDが必要です。 http://www.google.com/google-d-s/intl/ja/tour1.htmlメンバーと共に互いの変更内容を…

Firefox・・・HTML+CSSの正確な表示が可能なブラウザ Google Chreme・・・HTML5+CSS3の正確な表示が可能なブラウザ

Firefoxを入れたら必ずインストールしておくべきツールです。 CSSを無効にした表示、ブロックレベル要素を枠付きで囲う機能がなどがあります。↓インストールするとツールバーが表示されます。再起動もFirefoxのみの再起動なので親切です。ダウンロード先：ht…

Firebug：Add-ons for FirefoxFirefoxは正しいHTMLの認識をしてくれますが、それ以上に素晴らしい拡張機能がたくさんある事が魅力です。特にFirebugはDOMやCSSの調査、パフォーマンス測定まで幅広く使えるWeb制作者必須のツールです。 このツールを使う為に…

EVERNOTEはホームページをそのまま保存でき、スクラップノートのように管理できます。 私はあまり利用していませんが、PCやipadなど他のデバイスとも同期がとれ参照することもできます。 お気に入りに登録しておいても、更新されてほしい情報が探せない事が…