タグ

Zen-Codingに関するRinX-Moonのブックマーク (4)

  • Coda+TEA for Codaで ZenCodingするときに日本語対応にする方法 | H2O Blog.

    もはや、HTML制作の時には必須のテクニックとなった「Zen Coding」。私も、DreamweaverやCodaでバンバン活用しています。 で、Codaの場合「TEA for Coda」というプラグインで機能を拡張するのですが、これがちょっと困ったことに<html>要素の「lang」属性が「en-US」になっています。 日でやるなら「ja」または「ja-JP」にせねばならず、これを毎回書き換えなければなりません。これ、設定ファイルで書き換えることができます。 Finderで自分のユーザーディレクトリから次のパスを辿ります。 「ライブラリ→Application Support→Coda→Plug-ins」 そして、「TEA for Coda.codaplugin」ファイルが見つかったらこれを右クリック、コンテキストメニューから「パッケージの内容を表示」を選びましょう。すると、さらにこ

  • Zen Codingでコーディングが2倍速くなった | しらさかブログ

    知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた という記事で、そんなバカな、と思って試しに導入してみたら、 3倍は言い過ぎでも、2倍くらいは速くなります。ほんとです。 Zen codingてなに?っていうひとの為に、 デモ映像をどうぞ。感動します。 導入に関しては、 僕はWordpress&Dreamweaver使いなので、 ここら辺の記事が大変参考になりました。 WordPressにZen Codingを導入するプラグイン「WP Zen-Coding」 コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WordPressにも対応してるなんて!ステキすぎる! で、導入してすぐ2倍のスピードが手に入るかって言うと、 そんなバカな、ですよ。 Zen coding独自のショートカットキーを覚えて初めて、 2倍(当社調べ

    Zen Codingでコーディングが2倍速くなった | しらさかブログ
  • 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の応用でもっと超速に - 原稿ありきの変換について
  • Zen-Codingで楽々コーディング! + コツ1つ

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

  • 1