タグ

dreamweaverとcodingに関するalex_xのブックマーク (2)

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

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

    マークアップ効率化 - zen-codingでコーディングを倍速に
    alex_x
    alex_x 2010/10/30
    zen-codingの記法がいろいろと紹介されています。このページ上で実際に試してみることも(textareaにも対応させることも可能なんだ)。参考リンクも多数紹介されています。
  • 米アドビ、Dreamweaver CS5のHTML5ソリューションパックを無償提供 | クリエイティブ | マイコミジャーナル

    Adobe Labs ダウンロードページより 米アドビ システムズは、Adobe Dreamweaver CS5の拡張機能でとなるHTML5ソリューション「HTML5 Pack」の無償ダウンロードを開始した。 米アドビ システムズは、「Google I/O」カンファレンスにおいてWebデザイナーと開発者向けの最新のHTML5ソリューション「HTML5 Pack」の提供を開始すると発表。無償ダウンロードが可能となった。 HTML5 Packの拡張機能では、HTML5とCSS3の各種機能向けの新たなコードヒントが採用されており、DreamweaverユーザーはHTML5用の最新タグを簡単に活用できるほか、WebKitエンジンもアップデートされ、Dreamweaver CS5のライブビューでの動画と音声の再生に対応。最新のCSS3機能によって、様々なブラウザや端末でのレンダリング状況をプレビュー

    alex_x
    alex_x 2010/10/30
    HTML5とCSS3の各種機能向けの新たなコードヒントが採用されているとのこと。
  • 1