[XHTML+CSS]CSS Spriteで表現する角丸2 | Commit Lab
今回の記事は2008-12-07[XHTML+CSS]CSS Spriteで表現する角丸 | Commit Labの続きです。 これはCSS Spriteというテクニックを利用して作った角丸boxです。シンプルな記述のhtml+CSSと一枚の画像で角丸を表現しています。 文字の拡大にあわせてboxの縦が伸縮しますので、すぐにフレキシブルな角丸を表現出来ます。またデザインにおいても、htmlとcssのみで作られているので思いのままに装飾する事ができます。 今回は前回の問題点を修正しました。h2のheightをpxで固定していたのはやめて、line-heightのみで高さを調整しました。これで文字を拡大しても、H2から文字がはみ出す事はありません。 またH2にbackground-colorを与え、どれだけ拡大しても背景が途中で途切れないようになりました。 それに伴いCSS Spriteの画像
Commit Lab | カワイイ or カッコイイ 雑貨屋さんのWebデザイン:19選
タイトル写真は商用利用無料の写真サイトソザイングより。 なんとなく雑貨屋さんのサイトを作るときに参考になりそうなサイトを集めてみました。 ヴィレッジヴァンガード通販 みんな大好きヴィレッジヴァンガードのオンラインショップ。 個性の出しにくい雑貨屋さんのwebサイトの中でもさすがの存在感。 [ad#more] Francfranc フランフランのオンラインショップ。 COLOR Searchという色で商品を検索出来るサービスが面白いですね。 そういえば昔フランクフランクって読んで大恥かきました。 印デザイン オンラインストア – In Design onlinestore ヘッダー周りがカラフルで印象に残るサイト。 scope インテリア家具と雑貨を扱ったECサイト。写真のインパクトが大きく印象に残るサイト。 mahna mahna factory 写真がぴょこぴょこ動くFlashサイト。販
商用可!!ECサイト用のクレジットカードアイコン – Commit Lab
こういうのって前もって用意しとかないと、いざサイトのデザインを考えるという時になるとなかなか作っていられないものですね。 稚拙ではございますがご自由にお使いください。 [ad#more] 当然ながらロゴの著作権につきましては各社が保有しております。このアイコンが必要な場合は既にカード会社の加盟店もしくはその予定であるとは思いますが、ご利用の際には各社の利用規約をご確認の上ご使用ください。
女子のための情報サイトデザイン21+4 – Commit Lab
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1：ひとつ掲載漏れがありましたので修正しました。 追記2：コメント欄でご紹介いただいたサイトを追加いたしま
650+のよりシンプルでミニマルなwebデザイン – Commit Lab
お久しぶりです。ここ数ヶ月はTwitterやゲームで遊んでばかりで、ブログのことをすっかり忘れていました。今後は肩の力を抜きつつ、初心に戻ってぼちぼち更新していきたいと思います。 しばらくはネタリストに溜まったままのWebデザイン系ブログ記事のまとめや、日記が多くなると思いますがよろしくお願いします。 今回は海外のミニマルなwebデザインのまとめです。まずミニマルとは。 ミニマリズムとは美術・建築などの造形芸術分野において、1960年代のアメリカに登場し主流を占めた傾向、またその創作理論であり、最小限（Minimal)主義（ism）から誕生し、必要最小限を目指す手法である。 ミニマル – Wikipedia 必要最小限のデザインということで、シンプルなイメージとタイポグラフィのバランスが大切になってきます。 [ad#more] タイポグラフィが大切といえば、先日モジックスZeroジャンキー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
