グレヌデサ La graine du dessin

Windows XP で Firefox 3 と Firefox 2 を共存させる方法

Firefox3が公開されて、すでに使っている人もいるとは思います。
かなり速いらしく自分も使いたいのですが、Firefox2でブラウザチェックできなくなるので
Firefox3は我慢してたんですが、共存させることができるみたいです。

Windows XP で Firefox 3 と Firefox 2 を共存させる方法
http://bowz.info/1386

欲しい写真素材が見つからない時→フォトリサーチサービス(無料)

欲しい写真やサンプルが見つからないときに
お問い合わせフォームからくわしいイメージの単語を送信すると数時間で結果を送ってくれます。
無料なので、時間がないときに便利です。
ゲッティイメージズは問い合わせ後電話がかかってきてくわしく内容を聞かれることもあるので、少し煩わしいですが。

amana
http://amanaimages.com/indexTop.aspx
ライトボックスに入れてくれます。

imagenavi
http://imagenavi.jp/photoresearch/
ライトボックスに入れてくれます。

ゲッティイメージズ
http://welcome-to-gettyimages.jp/about/service.html
ライトボックスに入れてくれます。

ワールドフォトランド
http://www.world-photoland.com/
写真サンプルを圧縮してメールでくれます。


Graphic

iPhoneアプリ「Convert」のデザインができるまで動画

単位変換をしてくれるiPhoneアプリ「Convert」のインタフェースデザインができるまでの動画です。
いったい何パターンデザインしているのでしょうか。
試行錯誤の成果か、最終形のデザインが一番いいですね。

Convert Design Evolution from tap tap tap on Vimeo.

Flashのテキスト 注意!

Flashでデバイスフォントを使う場合、WindowsとMacで見え方が違うので注意しましょう
Windowsは行間が狭く、Macは行間が広いです

したがってWindowsで↓のようにキッチリ高さを詰めて制作すると、Macでは行が切れてしまいます
flash image

テキストフィールド高さテキストのポイント数の2倍ぐらいに余裕を持たせましょう
10ポイント1行 → 高さ20px
12ポイント2行 → 高さ48px

サウンド素材検索サイト

0909260-1.gif
FindSounds - Search the Web for Sounds
風の音やら爆発音等、効果音を探すのに便利ですが、
著作権関係を調べるのに作者のサイトまで行って調べたり等手間が掛かります。
また、効果音系は素材CDを買った方が手っ取り早いです。


0909260-2.gif
ccMixter - Welcome to ccMixter
登録されているループ音、音楽等は作者自らクリエイティブ・コモンズ・ライセンスに登録した作品が
エントリーされているので使用する際も著作権関係を調べる手間が省けます。
音楽もどのループ音を使っているとかのリンクやその音楽をmixした作品へのリンク等も貼られています。

ドコモのi-modeでxhtmlを対応させる

ドコモだけxhtmlがうまく表示されず、奮闘するはめになりましたので、
忘れないうちにメモとして注意点をいくつか・・・。

■メタのContent-Typeを

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" />

と記述。

■ファイル名を「?.html」ではなく「?.xhtml」に変更する。
 ↑はちょっと・・・という方は
■xhtmlファイルがあるディレクトリに下記のコードが入った「.htaccess」ファイルを置く。

AddType application/xhtml+xml html

■cssを外部リンクにせず、style属性を用いる。

・・・これでもcssが効くものと効かないものが存在します。

i-modeで指定可能なプロパティは以下のとおりです。

'background-color' 'background-image' 'border' 'clear' 'color' 'display'
'float' 'font-size' 'height' 'list-style-type' 'margin' 'text-align'
'text-decoration' 'veatical-align' 'width'

pタグより、1つずつspanタグで指定したほうが的確です。面倒ですが。

New Entries
5  6  7  8  9  10  11  12  13  14  15

Webトレンド情報局とは

クリエイティブグループスタッフがお送りする、Webデザイナーのための知識とTIPS。 PhotoShopの便利な豆知識や、CSSのお困り解決、デザイン概論などなど。
【隔週木曜日更新】

運営会社:株式会社ジーピーオンライン

RSSを購読する

Monthly Archive