タグ

Zen-Codingに関するyuchuke270のブックマーク (4)

  • Emmet CSSショートコード

    Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形

    Emmet CSSショートコード
  • MT Zen-Coding - Movable Type プラグイン - かたつむりくんのWWW

    Movable Type, Craft CMS, Drupal, HTML, CSS, JavaScript, jQuery etc. MT Zen-Coding とは MT Zen-Coding とは、Movable Type の各種テキストエディタ(textarea)で、Zen Coding for <textarea>を利用することができるプラグインです。 また、MTタグも Zen Coding風に入力できたり、テンプレート編集エディタが全画面表示で Zen Coding できたりと、ちょっとだけ機能が追加されています。 動作環境 Movable Type 5.01、5.02、Firefox で動作確認済み ダウンロード 以下のページより、最新版をダウンロードしてください。 Downloads - mt-zen-coding - Google Code インストール ダウンロードした

    MT Zen-Coding - Movable Type プラグイン - かたつむりくんのWWW
  • 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の主な機能のひとつです。

  • [メモ] 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の日

    [メモ] Aptana Studio 2.0 日本語化とzen-coding
  • 1