タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

EmmetとZen-Codingに関するmiya1972のブックマーク (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の次期バージョン、Emmet について - kojika17

    Sergey Chikuyonok氏のGithubを見に行ったら、"Emmet (ex-Zen Coding)" という気になる記述があり、気になったので調べてみました。 Zen-Codingについて Zen-Codingは、IDEやエディタで使えるHTML/CSSのコーディングをパワフルにサポートするプラグインです。多くのアプリケーションで提供されており、3年前ほどから日でも多くのサイトがZen-Codingを紹介しています。 そのZen-Codingが、「Emmet」と、リネームされてプロジェクトが進められているようです。 Emmet(beta) Emmetは、開発中です。 正式リリースはまだですが、機能は試すことができます。 Emmetは、2013年2月24日に正式リリースされました。 基的には、今までのZen-Codingと変わりません。 Zen-Codingを使っていた人は、

    Zen-Codingの次期バージョン、Emmet について - kojika17
  • Notepad++で次世代Zen-codingのEmmetが使えます! | CSS | みどりのウェブ開発日記

    ※2013年4月更新 Notepad++の最新バージョンでは、 標準プラグイン「Plugin Manager」より Emmetが簡単にインストールできるようになりました。 旧バージョンを使い続けたい方は、以下の記事を ご参照ください。 Githubからダウンロードできます。↓ https://github.com/emmetio/emmet/downloads 「Emmet-NotepadPlusPlus-v1.0.zip」をダウンロードしてください。 Notepad++の最新バージョン(6.2.3 -2013.02.01時点)になりますが、 CSS3にも対応しているZen-Codingの次世代版「Emmet」が 使えるようになっていました。これは感激です。 ctrl + E のショートカットで、 たとえば以下のようなことができるようになりました。 ・角丸ボーダー -bdrs10 ↓ -w

    Notepad++で次世代Zen-codingのEmmetが使えます! | CSS | みどりのウェブ開発日記
  • 1