suzuken83のブックマーク / 2008年6月30日

suzuken83 id:suzuken83

2008年6月30日のブックマーク (5件)

印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。印刷用デザインをどうするか。当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。なお、文末にアックゼ
suzuken83 2008/06/30
CSS

小技
リンク
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグマージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応透過PNGを透過表示に対応ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
suzuken83 2008/06/30
CSS

小技

ハック
リンク
タグクラウドみたいなのの単語の折り返しに関して
単語の禁則処理に関しては、結構無頓着であんまりそういう事がなかったのもあり、イマイチ分かってないんですけど、ブラウザによる差異が激しい問題の一つだと思います。たぶん。 Firefox3になってから、URLなどが長い場合折り返されるようになったみたいだけど、単純な半角英数の羅列だとやっぱり折り返してくれないんですね。ちと残念。で、今回はむしろ折り返さないで欲しいっていう状況の時の処理に悩んだのでメモがてら。サンプルは以下より確認できます。単語の禁則処理に関してのサンプル取りあえず、サンプル見てもらうと2つ似たようなのがあるんですが、タグクラウドみたいなのを作ったときに普通に作ると多分2番目みたいになるかと思います。通常はコレで問題ないのです。なにせ、1番目みたいにすると、長いテキストが入った場合に折り返してくれないので、はみ出したりしてしまいます。更に、IE6だとoverflo
suzuken83 2008/06/30
CSS

小技
リンク
訴求効果のある「打ち出しエリア」のレイアウトパターン集
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、当サイトで度々紹介している「Elements of Design」の新カテゴリです。 Carouselsには現在50個登録されており、他にもウェブサイトでよく使うエレメントのデザインが収集されています。フッタのデザイン集フォームのログインのデザイン集検索フォームのデザイン集見出しのデザイン集コメントの入力欄のデザイン集コメントのデザイン集カレンダーのデザイン集コード表示のデザイン集動画プレイヤーのデザイン集アイコンのデザイン集引用箇所のデザイン集登録フォームのデザイン集「打ち出しエリア」と記載しましたが、Googleで調べてみたら、あまり使用されない言
suzuken83 2008/06/30
デザイン集

Webデザイン
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
suzuken83 2008/06/30
CSS

デザイン集
リンク
- 2008年7月1日
- 2008年6月30日
- 2008年6月26日