こんな感じのよくあるtableを書く時も、 #testArea02>.testMain>table.testTable>tbody>(tr>th{サンプル$$}+(td{テキスト$$}*3))*2これだけでOK！ もちろんCSSでもEmmetはバリバリ使えます。 これも後ほど説明しますね☆ ミスタイプが激減たった数文字でコードが書けるので、絶対的にタイプミスが減ります。 例えば、CSSでボタンの角を丸くしようとborder-radiusを5pxずつかけるとします。 まず間違えることはないとは思いますが、 [borderradius][border-radeus]など、単語はわかっていても「ミスタイプに気が付かなかった」と言うことはよくある話です。 「border-radiusを5pxずつ」をEmmet仕様で書いたら bdrs5となります。数字を入れてもたった5文字になりましたね☆ それでは
僕がCSSを書くときに使っているエディタはDreamweaverです。 Sassを使うにあたり、拡張子が違うSassのファイルはそのままではCSSファイルとして認識してくれないので、コードヒントやハイライトが使えません。 なので、Dreamweaverの設定ファイルを変更しました。 環境は「Windows 7 Professional 64bit」の「Dreamweaver CS6」です。 参考にした記事 SassとDreamweaverのコードヒントでCSSをさらに効率的に さて、僕の環境だと以下のパスに設定ファイルがありました。 C:\Users\{ユーザ名}\AppData\Roaming\Adobe\Dreamweaver CS6\ja_JP\Configuration\DocumentTypes\MMDocumentTypes.xml 「MMDocumentTypes.xml」を
Dreamweaverの補完機能を使って、SCSS,SASSを書きたい。DreamweaverはCS6以下SCSSファイルの入力には対応していない。しかしもしこれが実現できれば、複数人でもらくらく同時進行、ファイルの管理も容易になるし、補完機能で入力がずっと楽になる。そこでDreamweaverの設定ファイルを編集してSCSSファイルに対応させようと思う。 まず改めて、あくまで自己責任というのは言うまでもない。 設定ファイルをいじるのだから当然だろう。バックアップは必須。 Windowsでの手順 Dreamweaverを開き、編集タブから環境設定を開く 環境設定内、「ファイルタイプ／エディター」からコードビューに開くにSCSSファイルを追加する Extensions.txtを開く C:/Users（ユーザー名）/AppData/Roaming/Adobe/Dreamweaver （バージョ
Dreamweaverでペーストまたは保存をするとJavaScriptエラーが出ます。 Dreamweaverでペーストや保存をするとき、ポップアップエラー（警告音付）で ペースト時は、 「onLoadをPasteFireworksHTML.htmで実行中にJavaScriptエラーが起こりました。 ”PasteFireworksHTML”ファイル内： initialize is not defined」 と出て、 保存時は、 「onLoadをDate_beforeSave.htmで実行中にJavaScriptエラーが起こりました。 ”Date_beforeSave”ファイル内： beforeSave is not defined」 と出ます。 どちらも結果的に、ペーストも保存もできるのですが、 その度に出現し、困っております。 ネット上で探したのですが、日本語での対応策が見つからず、 再
Server Model SSI htm: には無効な設定情報が含まれています。
対象：DreamWeaverCS3 DreamWeaverCS3で、ある日突然、下記のエラーメッセージが表示されるようになった。 エラーのため次のトランスレータがロードされませんでした。 Server Model SSI htm: には無効な設定情報が含まれています。 ？？？なんのこっちゃ。全く身に覚えがありません。 ググってもほとんど情報が出てこなくて困ったのだけれど、英語の方に情報があって解決しました。 要するに設定ファイルみたいなのがおかしくなってしまっていて、それを消せば治ると言うことなのですが、具体的に言うとWindowsVista（64bit）の場合はこんな感じ。 ●C:\ユーザー\[ユーザー名]\AppData\Roaming\Adobe\Dreamweaver 9\Configurationを開く ●WinFileCache-xxxxxxx.datを削除 [ユーザー名]は、
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を選ぶといいかも
非常に基本的な内容かもしれませんがドリームウィーバー（以下DW）でテンプレートを作成する方法をメモっておきたいと思います。（いつもどうだったかなぁと戸惑うので…）テンプレートで管理してしまえば、100ページあるサイトでもレイアウト変更は一瞬で済みますし、便利な機能です。（DW8の場合です） ドリームウィーバーでhtmlテンプレートを作る方法 サイトの定義を行う DWのメニューより「サイト」「新規サイト」を選択します。以下の順序でサイト定義を行います。 サイトの名前は任意です。分かりやすい名前を付けておきます。 いいえを選択しておきます。 ファイルを格納する場所を選択します。デフォルトはマイドキュメント内になっています。 リモートサーバは「なし」を選択しておきます。 終了ボタンを押せば、これでサイト定義は終了です。 テンプレートの元となる骨格を作成 通常サイトを制作するようにhtmlを書いて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
