Posts Tagged ‘ webdesign ’

0
29
Jan

「?」が浮かぶこと

デザインを見てて「?」が浮かぶこと。|CSS HappyLife
http://css-happylife.com/log/zakki/000338.shtml

こちらを読んでて共感するところが多かったので。
psdとかで渡されたデータをおこすのが仕事だろう、といわれたらそれまでですが。

上下中央
~~ 略 ~~
コレがテーブルなら実現することに何の問題も無いけど、例えば、人物のアイコンとセリフみたいな場合だと、どう考えてもimg要素で配置するのが正しいと思うんだけど、backgroundやテーブル要素使わない場合って実現するの厳しくないっすか?
そのセリフが極端に長い場合は、前述の問題も出てくるわけで。

上下中央って皆さんどうやってコーディングしてるんでしょ。
上下中央をやろうとするとかなり制限がでるよなぁとおもうのですが。
文字数の幅が大きいときなんかは。
条件にもよりますが、最近はなくなくテーブルで組んだりもしますが。
文字サイズ固定(IE)想定だとまだ問題は小さいのかも?しれないけど、
それだとねぇ、というところも。

どうやっても繰り返さない背景
ソコにテキストが有る以上、高さは変わって当然なのに、どうやって切り出しても繰り返す箇所が見つからないっていう場合。
なぜ、そこまでしてそのデザインにしなければならないのかがイマイチ見えないんです。

これもありますねぇ。
繰り返しのベースを作ってもらうか、
せめてすごく長い背景をつくってもらって、マスクをつけるとか。
そういう風にしてもらえればなんとかなる?
そう思って長い背景作ったら失敗した経験もあるから、やはり繰り返しかな。
photoshopのスタイルなのかな?と思ったりするのだけれども。

縦グラデとドロップシャドウ
HappyLifeでも背景グラデってて、内容は白背景にしてますが、この白背景にドロップシャドウが落ちている場合とか、斜線背景にドロップシャドウとか。
透過pngの出番なんだろーけど、Photoshop上で見たすんげーキレイな状態で透過って出来るんでしょうか。何か汚くなる。
大抵のデザインは、透過pngをわざわざ使わなくても意外と何とかなるんで、困らないんですけどね。

そういう状況だとどうやってやるんだろう~ってほんと最近悩んだわけですが。
PNGの問題もあるし、あんまキレイに透過させられなかったし。
結局縦のグラデは全体の背景とかにして、大枠のdivはドロップシャドウも含めて背景に設定しつつ
繰り返し用の背景も切り出して。
そんな感じで対処したようなきがするな。
明らかに無駄なdivが増えたから、そのあたりはまだ改善の余地があるんだろうけど。

そういや、最近の制作では角丸にあんまであってないかも?
四つ角角丸&可変でdiv四重とかのになってたときは苦笑いだったけど。

すごいな~、と思ってる人も、意外と同じようなことを考えてるんだな~。
ちょっとびっくり。
とはいえ、文章には表れてないスキルとかは全然違うんだろうしな。

精進あるのみっすね。

0
25
Oct

divかdlか

グラデーション角丸+リキッドレイアウトをCSSでコーディングする時の考え方 | Blog hamashun.com

泣かせてくれるデザインはあるわけですが。
とはいえ、そのデザインは否定してはいけないわけですし。
そこをいかにきれいにできるかが重要なんだろうな。
自己満足な部分も多いんだけれども。

誰かがきっと見てるはず!

いつだかdivをつかうかdlを使うかをふと考えたことがあって、
divだと一つしか指定できないけど、
dl使うとdlとddがつかえんじゃ~ん、と1人感動したことがあったな。
使える状況であればというのが当然の前提だけど。

そういやあのときちゃんと仕様書読んでなかったな。
仕様書よんでこよ。