タグ

2015年2月24日のブックマーク (2件)

  • Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫

    バイト先で「新ゆとり世代」と言われました。れこです。 HTMLCSSを省略して書けるZen-Codingの後見、 Emmetについて書こうと思います。 やれCoffeeだTypeScriptだSassだ〜と手をつける前に、 もっと簡単に、デメリット無く作業効率をあげられます。 CoffeeScriptやSassなどのプリプロセッサ系とは違い、 CoffeeやSassの知識を開発メンバー全員が持ってないとならず、 結局自由が効かなくなる、ということはありません。 個人から使えて、チームで使ってもなお良し。 さらに、展開後のカーソルの位置がいい感じだったりと、 細かい気配りまで完璧です。 そんなEmmetを 僕が頻繁に使っている機能に焦点を当てて、紹介したいと思います。 Emmetの導入 Emmetは各種エディタ・IDEのプラグイン形式で配布されています。 お値段は無料です。 Web系の人が

    Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫
    yamap_55
    yamap_55 2015/02/24
    HTMLやCSS記述の効率化。エディタやIDEが対応している場合も多いので、とりあえずこの記法に慣れる
  • Zen Coding for Sakura Editorのマクロ設定 | MoonWing

    設定方法 ZenCodingForSakuraEditor.zipをダウンロードし、解凍します。 ZenCoding.jsをサクラエディタのマクロフォルダに設置します。 (例ではサクラエディタのインストールフォルダ内に”macro”というフォルダを作り、そこへコピーしています。) [設定(O)]->[共通設定(C)…]->タブ[マクロ]を開きます。(Ctrl+6 でも開けます。) [参照]を押下し、マクロフォルダの設定します。 [File]のドロップダウンリストからマクロファイル「ZenCodeing.js」の読み込みます。 [名前]にマクロ名「ZenCoding」を入力し、[設定]を押下します。 設定が反映されると、マクロ一覧に設定したマクロ「ZenCoding」が表示されます。 タブ[キー割り当て]を開き、[種別(K)]で「外部マクロ」を選択します。 [機能(F)]に「ZenCodin