「いらすとや」の素材がAdobe Expressに新搭載。豊富なイラストをデザインに取り入れよう ｜ Adobe Express
「いらすとや」の素材がAdobe Expressに新搭載。豊富なイラストをデザインに取り入れよう 季節のイベント・動物・人物などのかわいいイラストを個人利用・商用利用ともに無料で提供するフリー素材サイト「いらすとや」とAdobe Expressが連携し、Adobe Expressの「アドオン（Add-on）」経由で素材を使用できるようになりました。 アドオンとは、Adobe Expressに追加して新たに機能を拡張することができるツールです。具体的には、Adobe Expressで提供されていない画像、動画や音楽素材を追加したり、外部サービスと連携したりすることができるようになります。 「いらすとや」のアドオンでは、3万点以上のいらすとやの素材の一部が期間限定でAdobe Expressのアプリ上で検索可能になり、制作中のバナーやチラシにワンクリックで追加することができます。お正月や花見な
レスポンシブWebデザイン制作におけるEdge Reflowの可能性 | ADC - Adobe Developer Connection
本記事は、Edge Reflow Previewの内容をもとに執筆したものです。今後の開発において、機能や操作方法が変更となることがあります。Edge ReflowはCreative Cloudから入手でき、無償メンバーでも利用できます。 レスポンシブWebデザインの特徴 近年、スマートフォンやタブレットの普及に伴い、Webサイトを各デバイス向けに最適化することが求められるようになりました。当初は、PCや各デバイスごとに専用サイトを用意し、OSや画面サイズなどを判別して、該当する専用サイトへ誘導する方法が一般的でした。しかし、デバイスのサイズが多様化するにつれ、特定のサイズに向けた専用サイトを制作することが難しくなってきました。 そこで注目されるようになったのが、「レスポンシブWebデザイン（RWD）」という方法です。レスポンシブWebデザインでは、1つのHTMLを用い、解像度やサイズをベ
Edge Animateでレスポンシブなバナーを作ろう | ADC - Adobe Developer Connection
Adobe Edge Animateは、HTML5／CSS3／JavaScriptの枠組みでアニメーションを作成できるツールです。Edge Animateの機能を使えば、表示サイズ（ブラウザやスクリーンのサイズ）に応じてコンテン内容が変化する、レスポンシブなアニメーションも手軽に作成できます。 1つのHTMLファイルで、表示サイズが異なる環境に対応する方法としては、大きく分けて2種類あります。 リキッドレイアウト…コンテンツ内の要素の位置やサイズを「％」単位で設定する方法 レスポンシブWebデザイン…表示サイズ（特にブラウザの横幅）をもとに、コンテンツ内の要素の配置や表示／非表示を切り替える方法 リキッドレイアウトでは表示サイズに応じてコンテンツの位置や大きさを微調整することで対応し、レスポンシブWebデザインでは表示するコンテンツ自体をダイナミックに変化させて対応します。Edge Ani
可変グリッドレイアウトで実現するレスポンシブWebデザイン（後編） | ADC - Adobe Developer Connection
Dreamweaver CS6 では、 デスクトップやスマートフォン、タブレットなど様々な画面サイズに適したコンテンツレイアウトを実現するための「可変グリッドレイアウト」機能は、「レス ポンシブWebデザイン」といわれる、CSS3の Media Queries を使用してワンソースでマルチデバイス対応させる振り分け方法を容易に実装するための機能です。 前編では、この「可変グリッドレイアウト」機能を利用して、実際に3つのデバイスでレイアウトが可変する大枠のHTMLまでを準備しました。 後編では、以下の様な作例のデザインを元にして、実際の細かい部分のコーディングにあたってのTipsや注意点を紹介いたします。 ※このサンプルサイトは本記事用に作成した架空のサイトであり、公式のページではありません。 モバイル→タブレット→デスクトップというCSSの継承順序と Media Queries まず、前編
CSSスプライト書き出し機能の使い方 | ADC - Adobe Developer Connection
「CSSスプライト」とは、複数の画像を1枚の画像ファイルにまとめ、表示の際にCSSでクリップ位置をずらすテクニックです。これにより、通信回数を減らし描画速度を上げることができます。既に定番化したテクニックですが、これまでFireworksをはじめとするデザイン用のソフトウェアには、直接CSSスプライト用の画像＆CSSを生成する機能はありませんでした（生成をサポートする拡張機能やWebサービスは存在しました）。 Fireworks CS6には、CSSスプライト用の画像＆CSSを生成する機能が追加されました。本記事では、この機能の使い方から、書き出した素材を使ってDreamweaverでマークアップするまでを解説します。 CSSスプライトの作り方を簡単に説明すると次の流れになります。 CSSスプライトでまとめたい画像を作成、もしくは、既にある画像からピックアップする。 Fireworks上で集
スマートフォン時代のWebサイト制作 第4回 画像の扱いと最適化 | デベロッパーセンター
スマートフォン向けサイトでは、デスクトップに及ばないスペックや接続回線を考慮し、いかに「軽い、表示が速い」サイトを作るかが重要です。一方で、様々な画面解像度の端末があり、高解像度の画面を搭載した端末向けには、そのサイズに対応した大きな画像が必要となる場合もあります。画像の扱いひとつをとっても、「パフォーマンス」と「見栄え」の双方を考慮しなければいけない難しさがあります。そこで今回は、前回のサンプルサイトを元に、画像関係の扱いや最適化などを解説します。 スマートフォンブラウザーはPNGに対応しています。デスクトップブラウザーでPNGを使う場合、Internet Explorer 6などの古いブラウザーに気をつける必要がありますが、スマートフォンブラウザーの場合は気にする必要がありません。 PNGは圧縮率が高く、容量を抑えることができます。また、アルファチャンネル（透過機能）を持つので、半透明
”レスポンシブなデザイン” のアドビ HTML5/CSS3 特設サイト制作者インタビュー | デベロッパーセンター
Dreamweaver CS5 体験版 今すぐ購入 最初に話を聞いた時はどんな印象でしたか？ 「今回のような、動的に変わるカラムレイアウトは初だったので、とても面白そうだ、と思う半面、タイトな時間の中で構築できるかという不安もありました。実際にメディアクエリーを利用したリキッドデザインのサイトを見て（http://hicksdesign.co.uk/）、ブラウザの大きさに応じてレイアウトが変更される際の動きは大変そうだなと思いました。あとは HTML の構造化でしょうか。やはり、構造化があった上での CSS デザインだと思うので、そのあたりをしっかりと構築できるか、という点が大変そうだと思いました。」 最初に出てきたビジュアルデザインを変更したそうですが、その理由を教えて下さい 「ブラウザのウインドウ幅があるサイズ以下になった際に、1 カラムのデザインになるのですが、その 1 カラムに
スマートフォン時代のWebサイト制作 第3回 スマートフォン向けのコーディング | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* スマートフォン向けサイトには、いくつかのデザインパターンが見られます。今回は、そのコーディング方法について、以下のサンプルサイトをもとに解説します。 ※このサンプルサイトは本連載用に作成したものであり、公式のページではありません。 図1 サンプルサイト。ページ上部に新着記事、中部に製品ロゴを使った記事カテゴリー、下部にリスト型ナビゲーショ
Adobe - Adobe Creative Suite 4 Webエディション
生成AIでコンテンツを制作するAdobe Fireflyで、想像力の赴くままにクリエイティブを創造できます。
Flexで開発するはじめてのFacebookアプリケーション | デベロッパーセンター
Facebook開発者アプリケーションの追加とアプリケーションの登録 所要時間：約4分 ここでは、読者のFacebookプロフィールにFacebook開発者アプリケーションを追加して、読者が開発したアプリケーションを登録できるようにします。読者のアプリケーションからFacebookサーバーにコールを行うには、あらかじめこの開発者アプリケーションを利用して当該アプリケーションをFacebookに登録する必要があります。登録手続きを済ませると、Facebook開発者アプリケーションによって、コール作成時に必要なアプリケーションのID、APIキーおよび秘密キーが割り当てられます。 ブラウザーを使用してFacebookの開発者アプリケーション*にアクセスします。 「アクセスを許可しますか？」のダイアログボックスが表示されたら、「許可する」ボタンをクリックします（図3参照）。 図3. 開発者ア
iFrameとFBMLのFlash Facebookアプリケーションの比較 | デベロッパーセンター
以下の比較表には、Flash PlatformのアプリケーションをFacebookのiFrameアプリケーションまたはFBMLアプリケーションとして開発する際の違いをまとめています。最も重要な違いは、Flashオブジェクトの埋め込み方法が制御できるかどうかと、スクリプトにアクセスできるかどうかの２つです。 機能 iFrame FBML Flash Playerのバージョンおよび検出コード
Adobe - Style Guide : Web Player Buttons
Websites using Adobe Shockwave technology may use Adobe's "Get AdobeShockwave Player" button to allow visitors to download the latest version of the Adobe Shockwave Player without written permission by following the button usage guidelines. Button Installation Instructions To download a button, just drag it to your desktop (Macintosh), or right-click and "Save image as..." (PC). The URLs below eac
Adobe Photoshop CS4 - プロフェッショナルが語るPhotoshop Vol.2 伊賀公一（CUDO）／視覚情報デザインコンサルタント
アドビは世界を変えるデジタルエクスペリエンスを提供しています。アドビのクリエイティブ、マーケティング、ドキュメントソリューションは、新進アーティストからグローバルブランドまでのあらゆるデジタルコンテンツを適切なタイミングで適切な人に提供することで最高の結果の実現を支援します。 Photoshop CS4のCUD機能で、 色覚のバリアフリーが現実に。 誰もが簡単に色彩表現を発信できる現代。しかし注意を惹くために使用したはずの色の組み合わせのせいで、かえって重要な情報が読み取れず苦労しているのが色弱者たちだ。その数は日本だけでも300万人。色弱者の色の見分けにくさを擬似変換で確認できる機能を初めて採用したPhotoshop CS4は、「色覚バリアフリー」の社会を目指す伊賀公一さんの目にどう映っているのか。 Pages 1 of 2 Next Page 色弱者とは、誰のこと？― 人間が色を感じる
Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ
Adobe - デベロッパーセンター : なぜ CSS を使用した方が良いのですか？
Dreamweaver MX 2004 の発売以来、私はその新機能や実力を、既存ユーザーの方々だけでなく、新しいユーザーの皆さんに対しても紹介する機会がたくさんありました。ほかの製品デモのときもそうなのですが、Dreamweaver MX 2004 の新機能が、カスケーディングスタイルシート （CSS） を導入する際に、いかに素晴らしい働きをするかを述べつつ、Dreamweaver の素晴らしさを伝えていきます。 ところが、先日、ある初心者ユーザーから質問を受け、私はハッとしました。「なぜ CSS を使用した方が良いのですか？」と質問されたのです。HTML や CSS を毎日使っている方々は、そのメリットについて良く知っていますが、それ以外の、つまり今これを読んでいる皆さんの中には CSS を導入することによるメリットをご存知でない方が居られるということに、そのとき気がつきました。また、単
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe - Adobe Creative Suite 4 Webエディション
Adobe Creative Cloud | Details and products | Adobe
Adobe - ADOBE CREATIVE SUITE 4 DESIGN EDITION
Adobe - ADOBE CREATIVE SUITE 4 DESIGN EDITION