タグ

zen-codingに関するmakoto_69のブックマーク (2)

  • Dreamweaver Town Meeting in Tokyoで公演してきました | kzms2 – html,css,javascript

    Dreamweaver Town Meeting in Tokyoって? 2010年5月29日、ベルサール新宿で行われたDreamweaverのパワーユーザー向けのイベントです。 Dreamweaverをこう使うと便利ですよ!とか基的なところから応用まで色々とお話がありました。 自分はこのイベントの7分間セッションの大喜利に出演してきました。 当日の様子はTogetter – まとめ「Dreamweaver Town Meeting in Tokyo」にまとめてあるようです。 詳細は続きから。 自分のセッションについて 自分は「Dreamweaver x Zen-coding」というセッションを行いました。 7分間に収めるというのが当に大変でした。。。 有料イベントということでスライドや動画はまだ公開されていません。 概要とか Zen-codingはDreamweaverの拡張機能

    makoto_69
    makoto_69 2010/06/03
    ctrl+hなんて知らなかった
  • マークアップ効率化 - zen-codingでコーディングを倍速に

    HTMLの記法について 基的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ

    マークアップ効率化 - zen-codingでコーディングを倍速に
  • 1