タグ

ブックマーク / commitlab.com (3)

  • 女子のための情報サイトデザイン21+4 – Commit Lab

    現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、当にありがとうございました。助かりました。 追記1:ひとつ掲載漏れがありましたので修正しました。 追記2:コメント欄でご紹介いただいたサイトを追加いたしま

    soma1080
    soma1080 2010/09/07
    自分は女子じゃないけど、その分 こういう情報は貴重。
  • [XHTML+CSS]CSS Spriteで表現する角丸2 | Commit Lab

    今回の記事は2008-12-07[XHTML+CSS]CSS Spriteで表現する角丸 | Commit Labの続きです。 これはCSS Spriteというテクニックを利用して作った角丸boxです。シンプルな記述のhtml+CSSと一枚の画像で角丸を表現しています。 文字の拡大にあわせてboxの縦が伸縮しますので、すぐにフレキシブルな角丸を表現出来ます。またデザインにおいても、htmlcssのみで作られているので思いのままに装飾する事ができます。 今回は前回の問題点を修正しました。h2のheightをpxで固定していたのはやめて、line-heightのみで高さを調整しました。これで文字を拡大しても、H2から文字がはみ出す事はありません。 またH2にbackground-colorを与え、どれだけ拡大しても背景が途中で途切れないようになりました。 それに伴いCSS Spriteの画像

    soma1080
    soma1080 2010/03/02
    CSS Spriteを利用した角丸表現
  • 650+のよりシンプルでミニマルなwebデザイン – Commit Lab

    お久しぶりです。ここ数ヶ月はTwitterゲームで遊んでばかりで、ブログのことをすっかり忘れていました。今後は肩の力を抜きつつ、初心に戻ってぼちぼち更新していきたいと思います。 しばらくはネタリストに溜まったままのWebデザイン系ブログ記事のまとめや、日記が多くなると思いますがよろしくお願いします。 今回は海外のミニマルなwebデザインのまとめです。まずミニマルとは。 ミニマリズムとは美術・建築などの造形芸術分野において、1960年代のアメリカに登場し主流を占めた傾向、またその創作理論であり、最小限(Minimal)主義(ism)から誕生し、必要最小限を目指す手法である。 ミニマル – Wikipedia 必要最小限のデザインということで、シンプルなイメージとタイポグラフィのバランスが大切になってきます。 [ad#more] タイポグラフィが大切といえば、先日モジックスZeroジャンキー

  • 1