タグ

Zen-Codingに関するnaohorのブックマーク (3)

  • 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ショートコード
  • Zen-Coding、0.7のすすめ

    Zen-Coding、0.7のすすめ 2012-07-01 / 2013-02-27 HTML/CSSのコーディング速度が3倍上がる、といわれるZen-Coding。 使いこなしてコーディング速度が3倍になっていますか? SassとかLessとか流行ってる中、あえてZen-Codingを紹介します。 (Zen-Codingの現在のバージョンは0.7です。 古いバージョンを使用している方はアップデートをお勧めします。) 追記 Zen-Codingとは Zen-Codingは様々なエディタに対応しており、Webデザイナーでも導入が容易なのが魅力です。 エディタのサポートは、3つの分類に分かれます。 公式サポート Aptana/Zend Studio/Eclipse (Win/Mac/Linux) TextMate (Mac) Coda (Mac) Espresso (Mac) Komodo E

    Zen-Coding、0.7のすすめ
  • 【コラム】イマドキのIDE事情 (98) HTMLを高速コーディング! Zen CodingをEclipseで使ってみる | エンタープライズ | マイコミジャーナル

    Zen Codingとは? Zen Coding[http://code.google.com/p/zen-coding/]はHTML、XMLのコーディング支援機能を既存のエディタやIDEに追加するもので、サードパーティ製含めEclipse、Coda、TextMate、Komodo、NetBeans、Visual Studio、サクラエディタ、Dreamweaver、EmEditorなどさまざまなエディタ/IDE向けのプラグインが提供されている。 今回はこのZen CodingをEclipseで利用する方法を紹介する。Zen CodingをEclipseで利用するためのプラグインはこちらで開発されており、こちらの更新サイトからインストールすることができる。 図1 Zen Codingプラグインのインストール 基的な利用方法 プラグインをインストールするとEclipseのエディタでZen

  • 1