flexboxの操作 | Adobe Developer Connection
HTMLとCSS、CSS3の新機能についてのある程度の知識 必要となるその他の製品 ChromeまたはOperaブラウザーコードエディター 柔軟なレイアウト。同じ高さの列。HTMLソースでの記述順序に依存しない表示。これらをCSSで実現するのは決して簡単ではありませんでした、これまでは。柔軟なボックスレイアウト、つまり新しいflexbox仕様には、ボックスレイアウトが容易になることに加えてさまざまなメリットがあります。 この記事では、最新のflexbox仕様について説明すると共に、柔軟なレイアウトを作成する方法を紹介します。flexboxを使ったレイアウトでは、すべての列の高さを揃え、HTMLソースでの記述順序にかかわらず任意の順序で要素を配置できます。 flexboxに対するブラウザのサポートはまだ万全とはいえません。現在、ほとんどのブラウザーがflexboxをサポートしているものの、こ
スマートフォン時代のWebサイト制作 第4回 画像の扱いと最適化 | デベロッパーセンター
スマートフォン向けサイトでは、デスクトップに及ばないスペックや接続回線を考慮し、いかに「軽い、表示が速い」サイトを作るかが重要です。一方で、様々な画面解像度の端末があり、高解像度の画面を搭載した端末向けには、そのサイズに対応した大きな画像が必要となる場合もあります。画像の扱いひとつをとっても、「パフォーマンス」と「見栄え」の双方を考慮しなければいけない難しさがあります。そこで今回は、前回のサンプルサイトを元に、画像関係の扱いや最適化などを解説します。 スマートフォンブラウザーはPNGに対応しています。デスクトップブラウザーでPNGを使う場合、Internet Explorer 6などの古いブラウザーに気をつける必要がありますが、スマートフォンブラウザーの場合は気にする必要がありません。 PNGは圧縮率が高く、容量を抑えることができます。また、アルファチャンネル（透過機能）を持つので、半透明
Dreamweaver CS5とWordPressを連携させる方法 | デベロッパーセンター
世界でトップクラスのシェアを誇るCMS（コンテンツ管理システム）である「WordPress」が、最近日本でも注目されてきています。WordPressはオープンソースのCMSで、商用であっても無料で利用することができます。CMSとして無限の可能性を秘めたWordPressを利用することは、Dreamweaverを利用する上でも大きなメリットになり得るでしょう。本記事では、Dreamweaver CS5の新機能を活用してWordPressと連携させる方法について解説します。 作業前の準備 ローカルサーバーの構築 WordPressとの連携作業でライブビューや関連ファイルの参照など、CS5の新機能を活用するには、ローカル環境にWebサーバーを構築してそこにWordPressをインストールする必要があります。 統合パッケージ（無料）を利用すれば、簡単にローカル環境にWebサーバーを構築することがで
Dreamweaver CS5.5 マスターシリーズ 第4回 強化されたjQuery開発環境 | デベロッパーセンター
このマスターシリーズでは、Dreamweaver CS5.5の新機能の中からモバイル開発機能を中心に解説します。 Dreamweaverはデザイナー向けの製品であると思われがちですが、実はJavaScript／PHP／ASPなどのプログラムを行うデベロッパー向けの機能も充実しています。例えば、PHPなどのコードヒントや、MySQLと接続するプログラムをマウス操作で開発できる機能など。さらに新しいDreamweaver CS5.5では、近年注目を浴びているjQueryのコードヒント機能も搭載されました。本記事では、簡単なサンプル作成を通して、Dreamweaver CS5.5で充実したjQuery開発環境を解説します。 サンプル：：Dreamweaver55_004_sample 必要なもの 体験版 今すぐ購入 作成するサンプルについて 今回作成するサンプルは、「ヘルプ」部分をクリックする
スマートフォン時代のWebサイト制作 第1回 スマートフォン対応の重要性とその方法 | デベロッパーセンター
iPhoneに始まり、さらにここ数年で様々なAndroidケータイが登場し、日本でもスマートフォンが普及し始めています。それにともない、企業サイトやECサイトを、スマートフォンブラウザーで利用するユーザが着実に増えてきています。世界規模でいえば、2012年頃にはスマートフォンの販売台数がPCを超えるという予測もあります（ITU, Mark Lipacis, Morgan Stanley Research.2009 資料PDF ）。これはビジネス的に考えて、「まだ様子を見て、対応しなくてもよい」とはいえない状況でしょう。そこで、本連載では「スマートフォン時代のWebサイト制作」をテーマに、スマートフォン対応に必要となる考え方、Dreamweaverを使ったスマートフォン対応のテクニックなどを解説していきます。第1回目となる今回は、スマートフォン対応サイトを制作する前段階について考えてみましょ
Webページ制作の効率をUPするためのカスタマイズ | デベロッパーセンター
Dreamweaverをカスタマイズするには、環境設定を変更したり、エクステンション（機能拡張）をインストールするといった方法がよく知られていますが、Dreamweaver自体の構成ファイルを編集することでカスタマイズする方法もあります。Dreamweaver自体を構成するファイルはXML、CSS、JavaScriptが多用されており、これらを編集することで機能の追加やUIの変更といったカスタマイズが可能です。Dreamweaverを利用する人にとってはこれらのコードは読みやすく編集しやすいでしょう。ここでは特にWebページ制作の効率を向上させることができるであろうカスタマイズを3例ご紹介します。 なお、記事内に登場するConfigurationフォルダは記事末尾の「各プラットフォームのConfigurationフォルダの場所について」にてご紹介しています。カスタマイズ前には念のため、"必
Adobe - Adobe Photoshop 20th Anniversary
アクセシビリティ 検索 アカウント ショッピングカート お問い合わせ 日本（変更） ソリューション 業種別 放送・メディア業界 教育機関 エンタープライズ* 金融機関 行政機関 ライフサイエンス 製造業 ソリューション ホームユーザ向け写真／ビデオ編集ツール デジタルイメージング モバイル 印刷パブリッシング プロセス管理サービス プロフェッショナルビデオソリューション リッチインターネットアプリケーション テクニカルコミュニケーション eラーニング＆トレーニング 人事* Web会議 Webデザイン すべての業種・ソリューション › 製品 Acrobat Adobe AIR After Effects ColdFusion Creative Suiteファミリー Dreamweaver Flash Platform Flash Professional Flex FMSファミリー Illu
Adobe - Adobe MAX 2009 イベントレポート
Adobe MAX 2009が2009年10月5日、6日、7日と、米国カリフォルニア州ロサンゼルスにおいて開催された。 このイベントでは、Adobe Flash Platform, ColdFusion, LiveCycleなどの新製品に関連する発表や、ハンズオンを含む 350を超える数のセッションが行われ、連日大盛況を見せた。 基調講演1日目 1/2 ページ /jp/joc/events/max2009/page2.html 最初に、アドビ システムズ社社長兼CEO（最高経営責任者） のシャンタヌ・ナラヤンが登場し、『アドビが目指すのはコンテンツに対するエコシステムの実現であり、ただコンテンツを提供するのではなく「コンテンツ＋アプリケーション」を提供すること、クリエイションをサポートするのではなく「クリエイション＋オプティマイゼーション」をサポートすることが大事』と、アドビのコンテン
テキストオブジェクトやテキストのバウンディングボックスが正しく整列しない（Fireworks CS4）
この情報は、米国アドビシステムズ社が提供している情報をもとにローカライズし、作成したものです。 問題点 （Issue） Adobe Fireworks CS4 で、キーボードの矢印キーを使用して移動を繰り返し行うと、テキストオブジェクトが正しく整列されないか、もしくはテキストとバウンディングボックスにずれが生じます。 解決方法 （Solution） この問題を解決するには、以下の操作を行います。以下の弊社の Web サイトから、Re-Sync Text Bounding Box 拡張機能をダウンロードします。 URL ： http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1706527*（英語） 以下のいずれかの操作を行います。 Windows Vista a. [スタ
Photoshop CS3ショートカット・テキストまわり
Archived documentation is available in the following downloads. AfterEffects CS3 (PDF) English | Français | Deutsch | 日本語 | Italiano | Español Bridge CS3 (PDF) English | Français | Deutsch | 日本語 | Italiano | Swedish | Español | Dutch | Danish | Portuguese Brazil | Finish | 汉语 | 漢語 | 한국어 | Czech | Hungarian | Turkish | Arabic | Russian | Polish | Romanian | Ukranian Captivate 1 (3MB ZIP) English Co
Adobe - デベロッパーセンター : サッポロビールにおけるテンプレート活用事例
伊原 力也氏 株式会社ビジネス・アーキテクツ マークアップデザインエンジニア 目次 はじめに Dreamweaverテンプレートを利用してクライアントが運用 なぜDreamweaverテンプレートを使用したのか サッポロビールWebサイトのDreamweaverテンプレートはこうなっている テンプレート化は大変？ さらにDreamweaverテンプレートを活用するには 印刷用に表示 作成日:2008年2月29日 ユーザレベル:初心者, 中級 製品:Dreamweaver はじめに 私が所属する株式会社ビジネス・アーキテクツでは、2007年6月にサッポロビール・コーポレートサイト（以下、サッポロビールWebサイトと呼称）のリニューアルを行い、私はその中でテンプレート設計・構築を担当しました。この記事では、このサイトにおいてDreamweaverテンプレートをどのような目的で、どのような
Adobe - デベロッパーセンター : Fireworksを使用したユーザインターフェイスのモックアップの作成
Charles Nadeau アドビ システムズ社 目次 はじめに アプリケーションのページの作成 印刷用に表示 作成日:2007年９月10日 ユーザレベル:初心者 製品:Fireworks 近所のアートギャラリーが、次の機能を含むWebアプリケーションを設計して構築するよう依頼してきました。 ギャラリーのデータベースにあるアートワークを検索する検索ページ ギャラリーの従業員がデータベースのレコードを修正できるようにする更新ページ 従業員がデータベースに新しいアートワークを追加できるようにする挿入ページ アプリケーションの構築を開始する前に、ページのモックアップを作成してギャラリーの経営者からフィードバックを得る必要があります。Adobe Fireworks CS3の新機能では、このプロセスを大幅に簡素化することができます。 この記事では、これまで以上に迅速にWebアプリケーションまたは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.adobe.com/jp/devnet/fireworks/articles/www.adobe.com/jp/devnet/fireworks/articles/fireworks_tap.html
Macromedia - dw0368 - XML とテンプレートの読み込みと書き出しを理解する
Adobe - Dreamweaver Productivity
Adobe - Design Center 細かいディティールのマスクを作る
Fireworks チュートリアル＆記事