タグ

zen-codingと*Programmingに関するshige0216のブックマーク (3)

  • zencodingが名前を変えてパワーアップ! Emmetに注目しよう | tagamidaiki.com

    前回このブログでもお伝えしたzencodingですが、そのzencodingが新しく名前を変えて「Emmet」というプラグインになるそうです。 まだ正式にリリースしているわけではありませんが、既に使うことが可能なので先駆けでちょっと試してみましょう! ちなみに既にzencodingは使ったことがある前提でお話するのでもし使ったことがなければ下記の記事を参考にしてみてください。 >> 知らないなら損をしている!HTMLコーディングスピード3倍に!? zencoding 導入方法まとめ それでは始めましょう。 EmmetをAptanaにインストール それでは早速ですが、Aptanaにインストールしてみましょう。 もちろんEclipseでも同様の手順を踏むことでインストールすることが出来ます。 メニューの「Help」→「Install New Software…」をクリックすると以下の画面が出て

  • フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。

    Home > 便利なツール > フリーの高機能HTMLエディタ「Aptana Studio3」の日語化と「Zen-Coding」のインストール方法。 たいへん遅ればせながら、とあるで「Aptana」の存在を知って、気になって使ってみたら、すごーい!便利!デザインもかっこいい!アプタナって名前も可愛い!これが無料とか信じられない!と、真夜中に一人テンションが上がってしまい、翌日見事に寝坊した私です。 まだ入れたてほやほやで、使いこなしているわけではないのですが、もしまだご存じない方がいたらおすすめしたいなーと思って、書いてみました。 はじめに 同じようにAptanaの記事を書いてくださっているブログもいくつか拝見したのですが、古い記事が多く、現在のバージョンや方法とは少し異なる点があったので、あらためて書いてみようと思いました。つまり、この記事も執筆時点(2012年2月)のものですので、

    フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。
  • Zen-Codingを使いこなして、らくらくマークアップ

    Zen-Codingを使いこなす Zen-Codingを利用すると、効率的にHTMLCSSのマークアップを行えます。前回(もしも10分の1の行数でHTMLが書けたら)はZen-Codingの基的な機能をご紹介しました。 今回は、さらにZen-Codingを使いこなすために、さまざまなコマンドや省略記法をご紹介します。サンプルはIE 8/Firefox 4/Chrome 12/Safari 5/Opera 11.5で動作確認済みです。 前回の復習 これらの機能について、簡単に復習しておきましょう。 省略形の展開(Expanded Abbreviation) 「Ctrl+E(Macの場合は Command+E)」で省略形を展開できます。 #を付けるとid名、.を付けるとclass名を付けられます。 *は繰り返し、$は連番に展開されます。 +は兄弟関係、>は親子関係、()はグループ化されて展

    Zen-Codingを使いこなして、らくらくマークアップ
  • 1