![【CSS】コーディングがさらに速くなる!Zen-Codingで覚えておきたいよく使うCSSスニペットコマンド | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
全国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
先日の告知通り、昨晩22時から「Zen-Codingを使うとコーディングがどうなるか」的なものをUStreamを使ってやってみました。事前に多くの方がご紹介くださったり、途中元祖ダダ漏れなそらのさんが登場するなどの効果もあってか、Max時は180名超の皆様の目の前で「打ち間違いの多いコーディング」を披露してしまうこととなりました(笑)。 当日ご覧くださった皆様、Twitterなどでご紹介くださった皆様ありがとうございました。まずは、この場を借りてお礼を。 生コーディングの現場で起きていたこと今回のあのネタは事前に予行練習なんかせず、頭の中である程度構造を作っておいてほぼぶっつけ本番でやってみました。昨晩はTextMateを使っていましたが、他の環境でも同じようになるように「Zen-Codingでできること」だけで作業をしました。 ある程度入力内容が見えるように文字サイズを大きくしたりで作業
前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana(Eclipse)の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation(省略コードの展開) Win:Ctrl+E mac:Command+E Zen-Codingの主な機能のひとつです。
このプラグインは今後更新されることはありません。代わりにWP Emmetを使用すると皆幸せ。 WordPressの管理画面でZen codingを使えるようにするプラグインを書きました。良かったら使ってみて下さい。 ダウンロード WP Zen-Coding - v0.3.1 ライセンス MIT License Zen Codingの設定 設定は【設定】メニューの【Zen Coding】より行えます。 既知の不具合 Zen Coding for textareaのバグなのか仕様なのか、textareaに縦スクロールバーが出ている場合、タグの展開などを行うと最上部にスクロールされます。 カーソルは元の位置にあるので、文字を入力すれば元の位置にスクロールされます。 おすすめ Zen Coding for textarea を Movable Type で簡単に使うプラグイン - かたつむりくんの
In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS coding. It was developed by our author Sergey Chikuyonok and released for Smashing Magazine and its readers. In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS cod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く