sakurachiro.com 2024 著作権. 不許複製 プライバシーポリシー
![zen-codingとDreamweaverメモ « 乱雑モックアップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1e7056132fa42c8894e3270eeb6c7f16d2e7d9a/height=288;version=1;width=512/http%3A%2F%2Fblog.sakurachiro.com%2Fwp-content%2Fuploads%2F2010%2F02%2F20100226-11-e1275221538522.png)
先週くらいから爆発的な注目を集めている、HTML/CSSショートカット用ライブラリ「zen-coding」。 「zen-coding」とは、カンタンな記述で構造化されたHTML/CSSが生成されるという、コーダー感涙の超絶便利なライブラリです。 その便利さ、コーディングが驚くほど簡略化されるというコトで、AptanaやDreamWeaverをはじめ、WordPressやCodaにもzen-codingプラグインが続々と登場しております。 そこで今回のエントリーでは、そんなzen-codingの各種エディタ用プラグインをまとめてみました。 まだ触ったコトの無いコーダーさん!もし自分の愛用エディタのプラグインがあったら、ぜひ騙されたと思って導入してみてください♪ zen-codingとは 先ほども書きましたが、zen-codingとは「カンタンな記述で構造化されたHTML/CSSが生成される」
前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana(Eclipse)の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation(省略コードの展開) Win:Ctrl+E mac:Command+E Zen-Codingの主な機能のひとつです。
全国1億8千万人のzen-codingファンの皆様、如何お過ごしでしょうか。 先日の記事でzen-codingをpure vimscriptに移植した「zencoding.vim」をご紹介させて頂きました。 あの時は略語の展開(Expand Abbreviation)しか機能がなく物足りなかったかもしれません。まぁ殆どの移植品はExpand Abbreviationしか無いのですが。 zen-codingには他どんな機能があるかというと、実はまだ便利な機能があったりします。 オフィシャルのサイトによると Expand Abbreviation Wrap with Abbreviation Balance Tag Inward/Outward Go to Next/Previous Edit Point Update Image Size Merge Lines Remove Tag Spl
twitter facebook hatena google pocket じわっと浸透中のzen-codingやろうとAptana Studio 2.0を入れてみました。 今回はAptana Studio 2.0の日本語化手順とzen-coding利用までについてメモしておきます。 sponsors zen-codingとは そもそもzen-codingとはというところですが、上記の画像のような記述html:5で変換すると、関連する記述が表示されるというもの。 ほかにもdiv#headerと書けば、<div id="header"></div>に変換されます。 これにより、記述速度が3~5倍にもなると話題になっていたり、いなかったり。 今回はそのzen-codingをWebオーサリングツールのAptana Studio 2.0で使用してみます。 Aptana Studio 2.0の日本語
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く