DESIGN」カテゴリーアーカイブ

Data URI Schemeスペーサーgif

デザイン作成時に間隔調整等によく使われてた スペーサーgif(透過gif画像)『blank.gif』
今となっては滅多に使わないからData URI Scheme化すると「あれどこ行った?」とならず便利だよね、とメモ。
自分は画像カバーとして使用するので、画像サイズを色々揃えてみた。
続きを読む

タイムラインコンテンツを作る

仕事履歴だとスキルシートだのコンペ歴だの資格一覧だの諸々、タイムライン作った方が情報を伝えやすいものがある。
せっかくなので見栄えがよろしいタイムラインコンテンツを作ろうと思うところなので、組み込んでみた感じを見てほしい。
全てレスポンシブ対応!

組み込むのって、既存のCSSの影響受けるから、結構時間かかるんデスヨ。
class名既存とよく被るに外側をdiv#XXXで囲って区別してるわけではないしね。

だが、『全部一緒のページに表示させられるかな?」という冒険心がここにある。
続きを読む

seesaaブログのヘッダーバナー

いつの間にか追加されていたseesaaブログの上部のバナー。
あいつのせいで勝手に広い幅を固定されて今まで使えてたデザインが何だかうまいこと行かなくなっていたり、ちょっと面白くない。

自分のデザインに少し合わせてもらおうという魂胆。
合わせるのに使った内容を記載しておく。
続きを読む

人に優しい色使い(ユニバーサルカラー)

ご年配の方々が見るサイトを作るときには結構便利。
まぁ そんな機会もうずっとないから、しばらく使ってなかったんだけどもね…
富士通製作だけど、2000年にはadobe japanにも紹介ページがあったくらいのものだし、vistaにも対応だから、機会があれば試してみるといいかも。
続きを読む

データシートで1行ずつ色付け

全部白い表は見づらい。
色を付けるだけで随分と見やすくなるし、何だかオシャレであり、配布資料でやると喜ばれる。
簡単に出来るオススメな行為である。

手順は
1.セルを右クリック、もしくは上部メニューに『条件付き書式』的な文章のメニューがあるので選択。

2.『数式を指定』的な文章のプルダウンを選択。
すると出てくる入力エリアに

=mod(row(),2)=1

と入力して、デザインを変更すると1行ずつそのデザインが変更される。
続きを読む

Google Chart APIでQRコードを作成

グラフやチャートを動的に作成してくれる『Google Chart API』
なんとQRコードまで作成してくれるとは!!

使い方は簡単

http://chart.apis.google.com/chart?chs=【横px】x【縦px】&cht=qr&chl=【エンコードしたメッセージ】

これだけ。
※choe=XXXでエンコードを変更可能。デフォルトは『UTF-8』

ブラウザでURLを入れてみると見えます

firefoxだとPNG形式で
IEだとQuickTime形式で
表示されるのね、何故か。

IE表示のソースにはしっかり

<embed width=100% height=100% fullscreen=yes src="http://chart.apis.google.com/chart?chs=100x100&cht=qr&chl=[MOT]http://qooga.jb-jk.net">

となっている。

でも自動的に画像として使えるという噂、貼り方が異なるなんてとんでもねぇことはあるはずねぇ
てことで、試しに貼ってみました。
続きを読む

メモリあるPainter 6Jで初起動時に「Tiles:Out of Tiles」

もう数ヶ月経つがPCを新しくした。(vistaは嫌いなのでxpダウングレード版)
CS4を入れて満足していたが、Painterを入れていないことに気がついた。

インストールは無事完了。
しかし起動すると「Tiles:Out of Tiles」と出て強制終了。
次からは「ファイル"PAINTER.SET"を開けません。」と出て起動が出来ない。

「メモリ不足エラー」という意味らしいが、前のPCより積んでいるんだから、それはない。
少なくとも前の前使ってたmeより少ないなんてことがあるか。

調べたところ、どうにもPainterは上限メモリがあるらしい。

Painter6は1023MB以上、
Painter5 Painter clasicは512MB以上の
メモリを搭載しているPCで起動しようとすると
メモリ異常を起こして"Tile:Out of tiles"というダイアログを表示して、終了してしまうらしい。
※Painter7以降は買収されたやら色々変更したやらで、現象はおきないらしい。
続きを読む

配色について

更新を続けようと思うモノ。
携帯にあわせて分割した。

ユニバーサルデザインも考えてる人は下記記事も参考にどうぞ
>>人に優しい色使い(ユニバーサルカラー)

エレガント

FDD9C9 FAA7D2 E3AED5 D68DBE A6A7D0 B2A0CD C98FC5
EC86A9 EA6398 BB5EAC D67871 D35698 9C6AAB EB4E7C
E73391 B24443 B90172 44769F B1185C C9245C 462566
802042 703287 9C2A41 1F203E 452D55 363181 5B0D2E

エスニック

FFEE7D F0EA30 FFF100 D8B134 BCAF3C EE86A8 AEC068
DC903B D18F40 00A7E3 4E9891 E50A84 BD3531 C76540
D13840 D23933 217446 86704C C23A1E E83817 9A001A
AE412F 863845 674133 434159 485157 763C33 1D509E

キュート

FEE6DB FDD9BD FBC0DF BFE7E5 E6E9AC FEE69E E6F474
BFD1E5 FCC0A7 FCB48D FBA7B3 FA9AB8 F875A7 F981A2
F668B2 F55CAC F550A6 F5509D F64F8D F74F7C F10273
E5027F F30166 CB000D BD0026 BD1028 980032 401A0E

続きを読む