タグ

zen-codingに関するdotredのブックマーク (6)

  • Vim に zen-coding 入れた

    Vim に zen-coding 入れた 今年も何か新しいことを…、と一念発起して始めてみた Vim。ようやく独特の入力方法にも慣れてきて、とりあえず、HTML の編集で利用しているところ。 ブログの更新時は、ブログの HTML の雛形に実際に記事のコードを書き入れて、見栄えを確認しては編集、確認しては編集…ということをしているのだけれど、それを全部 Vim でできるようになったということ。 まあ、それはいいとして、HTML の補完用に autocomplpop.vim で <c-n> したり、surround.vim で ysst したり、とにかくいろいろプラグインを使ってみたけれど、最終的に zen-coding.vim に落ち着いた。 zen-coding の HTML のタグを CSS ライクなセレクタを使って入力できる機能がすばらしすぎるから。 (Zen Coding v0.5

  • はてなブログ | 無料ブログを作成しよう

    そすいさんぽ 全34.8キロを全部歩いてきた。疏水分線コース編 そすいさんぽ完全制覇の日記です。前回、前々回と、琵琶湖から宇治川までを歩く大津-鴨川コースと鴨川運河コースを歩いてきた様子を書きました。 daiary.hatenadiary.jp daiary.hatenadiary.jp 琵琶湖疏水はこれ以外にも、蹴上のあたりで北に分岐して京都市内に水を送…

    はてなブログ | 無料ブログを作成しよう
  • Big Sky :: zen-codingの殆どの機能をzencoding.vimに取り込んだ。

    全国1億8千万人のzen-codingファンの皆様、如何お過ごしでしょうか。 先日の記事でzen-codingをpure vimscriptに移植した「zencoding.vim」をご紹介させて頂きました。 あの時は略語の展開(Expand Abbreviation)しか機能がなく物足りなかったかもしれません。まぁ殆どの移植品はExpand Abbreviationしか無いのですが。 zen-codingには他どんな機能があるかというと、実はまだ便利な機能があったりします。 オフィシャルのサイトによると Expand Abbreviation Wrap with Abbreviation Balance Tag Inward/Outward Go to Next/Previous Edit Point Update Image Size Merge Lines Remove Tag Spl

    Big Sky :: zen-codingの殆どの機能をzencoding.vimに取り込んだ。
  • [vim]Zen-Codingを使ってみた | ソースコード備忘録Press

    vimでzen-codingのプラグインがあったので使ってみた。たしかに3倍はやくなりそう zen-coding cssのセレクターのような記法で書いたものを自動補完してくれるプラグイン vim用のzen-codingプラグイン → http://www.vim…….pt_id=2981 zencoding.vimでは <C-z>, で補完してくれる 例1 html:5 と打って補完すると <!DOCTYPE HTML> <html lang="jp"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 例2 #wrapper>(div#header[title=hogehoge]>ul.sidebar>li.sidebar${hello}*5)+(div#contents>table+

  • Zen-Codingの応用でもっと超速に - 原稿ありきの変換について

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括部 制作部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 前回の記事(マークアップ効率化 - zen-codingでコーディングを倍速に)ではZen-Codingの基について説明しました。 また、その内容をCSS Nite実行委員会(公式ページ)が主催した、Dreamweaver Town Meeting in TokyoというDreamweaverにフォーカスをあてたイベントで公演させていただきました。 [撮影:飯田昌之] その公演では、Zen-Codingを知らない方向けに、Zen-Codingとは何か・どんなことが出来るのかなど、基に関して実演を行い

    Zen-Codingの応用でもっと超速に - 原稿ありきの変換について
  • Vim の Sparkup プラグインで HTML タグを Zen Coding 風に簡単入力 : Serendip – Webデザイン・プログラミング

    Vim プラグインの Sparkup (rstacruz’s sparkup at master – GitHub) で、CSS セレクタ風の記述から HTML タグ文字列を入力することができる。(zen-coding 風の入力) プラグインのインストールは上記サイトからダウンロードしたファイル内の vim/ftplugin/ 内のファイルを ~/.vim/ftplugin/ にコピーする。 プラグインの実行には python2.5 以上が必要。 <c-e> を押すことで、タグキーワード(div, h1, img, meta 等)から開始タグ・終了タグ・各種属性を自動で入力できる。 <c-n> を押すことでカーソルを次の入力位置に移動できる。 CSS 風のセレクタ表記を使ったショートカット文字列から HTML タグ文字列に展開される。 タグ単体の入力 タグキーワードを入力して <c-e>

  • 1