[B! zen-coding] hashimoto0226のブックマーク

hashimoto0226 id:hashimoto0226

zen-codingに関するhashimoto0226のブックマーク (3)

[メモ] Aptana Studio 2.0 日本語化とzen-coding
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の日本語
hashimoto0226 2011/03/30
zen-coding

開発環境
リンク
Zen-Codingで楽々コーディング! + コツ1つ
話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみたある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)
hashimoto0226 2011/03/19
zen-coding

コーディング

web制作
リンク
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ
前回の記事では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の主な機能のひとつです。
hashimoto0226 2011/03/19
まとめ

web制作

zen-coding

エディタ
リンク
1