アクセシビリティ

知識

高齢者・障害者が利用することを考える参考富士通のサイト制作アクセシビリティ指針ウェブコンテンツに関する企画や技術使用を護る情報デザイン(みためじゃなくって情報の整理、ページ構成) ユーザビリティ(使いやすさ) セキュリティ、プライバシー(写真…

2012-08-29

png　透明を扱う画像

Illustrator

ペンツールドラゴン描画→ドロップシャドウ雲円形→ぼかし→透明図形ツール拡大縮小ツールドロップシャドウの分、オブジェクトより大きく書き出しほしいサイズの四角形を選択→アートボードのサイズにする

2012-08-29

IE対策　pngをIE6で表示させる

メモ Js

IE6のみ別のCSSを使用 cssの分岐 headerに記述 javascript使用 diller DESIGNheader記述 <script src="js/DD_belatedPNG.js" type="text/javascript"></script> <script> DD_belatedPNG.fix('img, .png_bg'); </script>

2012-08-29

IE対策　IE9以前　透過png CSS3 HTML5

メモ Js

ブラウザ間の相違の確認。。 http://browsershots.org/ macなので、winで確認。けっこうがっかりする覚悟。 html5.js IE8以前のように、HTML5の新要素に対応していないプラウザにも一部の新要素を対応させることがメインのJavascript IE9.js CSS3に対応して…

2012-08-29

静的サイトアップロードの前のチェック

知識制作

まだまだ。。。事前チェック文書構造で、h2までが存在しない場合は、必ずついかすること ● 定義型リストとunorderedlistも同様に追加すること ● 以下の要件を必ず満たしていることページのチェック DTD ● charset UTF-8 ● meta description サイトの適切…

2012-08-22

ActionScript　条件分岐

As

条件を見つける連続的にムービークリップを右に移動する右端迄来たら左端に移動する条件：右はしに来たら処理：左端に移動する if文 if(条件式){ 条件式を見たし行う処理 } loadとenterFrameどちらかムービークリップは連続的にX座標位置が変化していま…

2012-08-22

背景画像素材サイト

メモ

ジェネレーター pixelknete striped backgrounds Tartan Background pattern generator noizePNG ノイズ画像を背景色の上に載せる stripemania.com - このウェブサイトは販売用です！ -&nbspstripemania リソースおよび情報リーフ（葉っぱ）の無料背景イラ…

2012-08-18

ActionScript ムービークリップアクション

As

3時間。座標の変化サイズの変化透明度の変化タイトルの表示 ifの分岐 onClipEvent (load) { var yoko:Number=1000;//右端 var leftEdge:Number=0;//左端 var tate:Number=230;//ムービークリップの一番下位置 var topEdge:Number=0;//ムービークリップの…

2012-08-17

ラベルの作成

Illustrator

用紙に合わせる多少のズレを考えて、ラベルサイズよりは小さくデザインする。はみ出ました。家庭用のプリンタでは、設定した余白も位置も、印刷結果がかなりズレている。イラストレーターの時点で多少ずらす。左上の位置で上下0.5~1mmくらい市販のラベル…

2012-08-08

ActionAcript　匿名関数-写真ギャラリー

As

イベントハンドラメソッド(匿名関数) PhotoshoGallery photoshopで画像を準備(.psdファイル) ※ここで作成したレイヤー１、２、３の順番のまま、後にタイムラインに配置される FlashProfessional起動、ファイル→読み込み→ライブラリ※オプション「レイヤーを次…

2012-08-08

IllustratorやPhotoshopに慣れるひとつの方法

メモ Photoshop Illustrator

チュートリアルで一連の流れを覚える Photoshopの画像加工チュートリアル DEKIMAGA http://www.adobe.com/jp/joc/dekimaga/Illustratorの入門ガイド http://www.adobe.com/jp/joc/design/ai_id_basic.htmlIllustratorで卵パック3D画像の描画 http://pehaa.co…

2012-08-08