タグ

htmlに関するmikage014のブックマーク (3)

  • いろんなエディタのzen-codingプラグインをまとめてみました

    先週くらいから爆発的な注目を集めている、HTML/CSSショートカット用ライブラリ「zen-coding」。 「zen-coding」とは、カンタンな記述で構造化されたHTML/CSSが生成されるという、コーダー感涙の超絶便利なライブラリです。 その便利さ、コーディングが驚くほど簡略化されるというコトで、AptanaやDreamWeaverをはじめ、WordPressやCodaにもzen-codingプラグインが続々と登場しております。 そこで今回のエントリーでは、そんなzen-codingの各種エディタ用プラグインをまとめてみました。 まだ触ったコトの無いコーダーさん!もし自分の愛用エディタのプラグインがあったら、ぜひ騙されたと思って導入してみてください♪ zen-codingとは 先ほども書きましたが、zen-codingとは「カンタンな記述で構造化されたHTML/CSSが生成される」

    いろんなエディタのzen-codingプラグインをまとめてみました
  • 世界初?のZen Coding本が発売されました | gaspanik weblog

    今年の頭に一部で話題になったZen Coding、多くの方がブログに解説を書いて下さっているので目にした方も多いかもしれません。そのZen Codingの世界初となる解説HTML+CSSコーディングが10倍速くなる Zen Coding」が日11月26日に発売されました。 今回は共著者として、「Dreamweaver Town Meeting in Tokyo」で同じくZen Codingを取り上げたYahoo! JAPANの岡部さんに協力いただきました。 書は、Zen Codingを知らないWeb制作に携わってる方はもちろん、もう少し敷居を低くというか、業務上ちょっとしたHTMLを書かなくてはならないWebディレクターの皆さん、オンラインストアや企業のブログの更新担当の皆さんにも、いろいろなエディタに対応し始めているZen Codingを使っていただきたく比較的やさしめな内容にな

    世界初?のZen Coding本が発売されました | gaspanik weblog
  • Zen-Codingで楽々コーディング! + コツ1つ

    話題のHTMLCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何?使い方は?という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)

  • 1