タグ

2010年7月7日のブックマーク (10件)

  • Adobe - デベロッパーセンター : 拡張機能でDreamweaverをより便利にする

    酒井 克幸氏 Resolutions LLC この記事は、Spark projectが主催する勉強会での講演内容を、講演者とSpark projectの協力のもと、Adobe Developer Connection用に再構成したものです。Spark projectの勉強会は、毎月開催されています。詳しくは、「Spark project 勉強会」のページまで。 作成日:2008年3月19日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 はじめに Dreamweaverには拡張機能という、他の製品で言うところのマクロのような機能が搭載されています。拡張機能を使うことで、繰り返し作業を自動化したり、Dreamweaverに搭載されていない機能を自分自身で付け足していくことが出来ます。今回は、筆者が制作した、CSSのプロパティーを指定した順番に並び替える拡張機能CSS

  • Adobe - デベロッパーセンター : サッポロビールにおけるテンプレート活用事例

    伊原 力也氏 株式会社ビジネス・アーキテクツ マークアップデザインエンジニア 目次 はじめに Dreamweaverテンプレートを利用してクライアントが運用 なぜDreamweaverテンプレートを使用したのか サッポロビールWebサイトのDreamweaverテンプレートはこうなっている テンプレート化は大変? さらにDreamweaverテンプレートを活用するには 印刷用に表示 作成日:2008年2月29日 ユーザレベル:初心者, 中級 製品:Dreamweaver はじめに 私が所属する株式会社ビジネス・アーキテクツでは、2007年6月にサッポロビール・コーポレートサイト(以下、サッポロビールWebサイトと呼称)のリニューアルを行い、私はその中でテンプレート設計・構築を担当しました。この記事では、このサイトにおいてDreamweaverテンプレートをどのような目的で、どのような

  • アドビ―Dreamweaverデベロッパーセンター

    Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in

  • アドビ―Dreamweaverデベロッパーセンター

    Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in

  • Webページ制作の効率をUPするためのカスタマイズ | デベロッパーセンター

    Dreamweaverをカスタマイズするには、環境設定を変更したり、エクステンション(機能拡張)をインストールするといった方法がよく知られていますが、Dreamweaver自体の構成ファイルを編集することでカスタマイズする方法もあります。Dreamweaver自体を構成するファイルはXML、CSSJavaScriptが多用されており、これらを編集することで機能の追加やUIの変更といったカスタマイズが可能です。Dreamweaverを利用する人にとってはこれらのコードは読みやすく編集しやすいでしょう。ここでは特にWebページ制作の効率を向上させることができるであろうカスタマイズを3例ご紹介します。 なお、記事内に登場するConfigurationフォルダは記事末尾の「各プラットフォームのConfigurationフォルダの場所について」にてご紹介しています。カスタマイズ前には念のため、"必

  • Dreamweaverの拡張機能まとめ

    Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー:全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 (CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも

    Dreamweaverの拡張機能まとめ
  • 【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次

  • Dreamweaverのテンプレート機能関係の参考サイト | 我流天性 がらくた屋

    Dreamweaverのテンプレート機能の参考サイトの自分用メモです。 使いこなせれば、中小規模のサイトをシステム無しで、 Webデザイナーのみで管理/運営ができます。 頑張ってContributeと連携すれば、こんなサイトも運用できちゃったりします。 Dreamweaverのテンプレートを使った事例 サッポロビールにおけるテンプレート活用事例 | デベロッパーセンター http://www.adobe.com/jp/devnet/dreamweaver/articles/dw10seminar_sapporobeer_02.html あの大手サイトもテンプレート機能を使ってます。一通り全部読んでみる事をお勧め。 北九州芸術劇場 http://www.kitakyushu-performingartscenter.or.jp/ 手前味噌ですいません…(汗 Dreamweaver Templ

    Dreamweaverのテンプレート機能関係の参考サイト | 我流天性 がらくた屋
  • :visited の挙動が変更に。制作への影響は? | Web標準Blog | ミツエーリンクス

    次期バージョンのFirefoxのプレビュー版 “Mozilla Developer Preview” ですが、新しいアルファ版が公開されました (プレビュー版ですので、常用のものではありません)。 このアルファ版には、先日より各所で取り上げられている、CSSの:visited擬似クラスに関する大きな修正が現在Firefoxで行われています。詳しくは、次のページをお読みください。 CSS によるブラウザ履歴の漏えいを防ぐ取り組み (原文: “Plugging the CSS History Leak”) CSS の :visited に行われるプライバシー対策 (原文: “privacy-related changes coming to CSS :visited”) (二つ目の記事について、翻訳をMozilla Developers Streetに寄稿させていただきました。) :visit

    u_tanuko
    u_tanuko 2010/07/07
  • PSDからテキストデータをテキストファイルに書き出すスクリプト|Blog|Skyward Design

    PSDからテキストデータをテキストファイルに書き出すスクリプト Posted by Hideki at 2010年2月14日 14:42 タグ: JavaScriptPhotoshop効率化 PSDファイル内のテキストレイヤーの中身を、テキストファイルに書き出すスクリプトを書いてみました。仕事で時々PSDからテキストを取らなければならない場合があり、なんとか効率出来ないものかということから、実験的に試してみました。 一応書き出すことは出来たのですが、速度面で難があり、ファイルによっては5分~10分かかってしまうこともあるようです。書き出したい物が出てくる度にfile.write()を呼び出す処理を変更しても、あまり変わらない感じがしました。今後の課題です。 参考までに、スクリプトを掲載します。拡張子「.jsx」で保存し、"C:\Program Files\Adobe\Adobe Photo