一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
Dreamweaver「ファイル比較」を設定する（Windows編） : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 Dreamweaverで更新作業を行うときに、今作業しているHTMLファイルと、サーバで公開されているHTMLファイルとどこが違うのか、わからなくなるときがあります。 Dreamweaver8以降からファイル比較ソフトと連携する機能が追加されていますので、その機能を使えば、サーバのファイルと作業中のファイルの比較を簡単に行うことができます。 Dreamweaverでのファイル比較は、リモート環境（サーバ）のファイルを直接比較するわけではなく、サイト定義したフォルダ内に「_compareTemp」というフォルダを作成し、そ
DreamweaverCS5のテンプレートをHTML5にすると文字化けする
DreamweaverCS5のテンプレートを使いHTML5を構築しようとした時、 テンプレートを反映したサイトが文字化けを起こす場合があります。 HTMLの文字エンコーディング指定がUTF8の時に起こります。 HTML5では文字エンコーディング指定は、 <meta charset="UTF-8" /> と省略して記述できます。 どうやらこの部分がDeamweaverで正確に解釈されてないようで、 テンプレートを反映したファイルの文字コードが全てShift-JISになってしまうのが文字化けの原因です。 （Dreamweaver上では正常に表示されてますが、テキストエディタなどでファイルを開くと文字エンコーディングがShift-JISになってるのが確認できます） とりあえず文字エンコーディング指定を下記の様にHTML 4と同じ記述にすればこの問題は回避されますが、 Adobeには早めに対応して
Dreamweaver Town Meeting in Tokyo
たにぐち まこと／学ぶ。をちゃんと @seltzer 明日開催の「DW Town Meeting」で、iPhone site extension ver.0.1.0をリリースいたします！ 新要素は明日のイベントで発表！ まだ少しだけ駆け込み可能とか！＞ http://ow.ly/1QZXs #iphone_dw #dwtokyo mariroom @mariroom RT @seltzer: 明日開催の「DW Town Meeting」で、iPhone site extension ver.0.1.0をリリースいたします！ 新要素は明日のイベントで発表！ まだ少しだけ駆け込み可能とか！＞ http://ow.ly/1QZXs #iphone_dw #dwtokyo
Web制作効率的ワークフローとは
Web制作効率的ワークフローとは 1. 2010年2月16日火曜日 2. 自己紹介 DTP歴 7年 / Web制作歴 3年 2010年2月16日火曜日 3. ウープスデザイン：石嶋未来 • 1982年生まれ(27歳) • 栃木県でデザイナし てました。 • デザイン事務所、印 刷所の制作、IT関連 企業を経て2009年7 月に独立 2010年2月16日火曜日 4. ターゲット • webはときどき担当する • これからweb制作をもっとやっていき たい • 各ソフトを上手く使っていきたい 制作業務に携わっているデザイナーさん向けです 2010年2月16日火曜日 5. こんな事話します •DTPとWebでのソフトの使い方の違い •webならではの作業を少しでも楽にで きるソフトの機能紹介 •その他ちょっとしたTipsを 2010年2月16日火曜日 6. 今回取り上げるソフト •Adobe P
Dreamweaverの正規表現置換サンプルと解説
Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには？ Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う 置換対象： <td width="397"><font size="2">テキスト</font></td> 置換後： <th scope="row">テキスト</t
Dreamweaver CS3でフォルダへのリンクの不具合を解決するハック
Dreamweaver CS3でテンプレートもしくはライブラリを使用中、フォルダに対して相対リンクをしたときに正常にリンクがされない、末尾のスラッシュが外れてしまう、などの不具合があります。今回は、それらを回避するハックをご紹介。 不具合その1：テンプレートでルートフォルダをリンク先に指定したとき、ルートフォルダ直下のファイルのみさらに1階層上を指定してしまう まず、再現してみます。テンプレートを作成して、編集可能領域以外の部分にサイトルートフォルダへのリンクを貼ります。 <a href="../">サイトルートへのリンク</a> （/Templates/test.dwt内） そして、このテンプレートからhtmlを作成、サイトルート直下に保存し、さっき作ったリンクを見てみると…… <a href="../">サイトルートへのリンク</a> （/test.html内） ……あれ？ ここは
アドビ―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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
B. Feeds - Kuler - Adobe Learning Resources
未来を創るコンサルティング＆テクノロジーカンパニー｜クリエイティブホープ
未来を創るコンサルティング＆テクノロジーカンパニー｜クリエイティブホープ