タグ

デザインに関するcoquericoのブックマーク (6)

  • ワクワクが止まらない…雑誌の見開きページに仕込まれた面白アイデアいろいろ

    ワクワクが止まらない…雑誌の見開きページに仕込まれた面白アイデアいろいろ 左上に見えているのは女性の太もも。このままページを開くと、どんな内容が出てくるか想像が付くでしょうか? あの手この手で見開きを活用した、さまざまなアイデア広告をご覧ください。 左のページはつるつるの足。右のページは……どうやら脱毛の広告みたいです。 とにかく薄いってことが伝わってくるノートPC。 ページを閉じたり開いたりすればトレーニング風景になります。 ページをめくることで腹筋運動。 むやみに閉じたり開いたりしないように。 背中折れますってば。 左の人に荷物を受け取り…。 右の人に荷物を渡す。透明の素材を上手に利用しています。 こちらはグリンピースの広告。 バッサリ。 しおりのヒモが歯間ブラシになっているわけですね。 おなじみ、飛び出す絵。 右腕のあたりを気にしているお母さん。なんででしょうか? こちらも右わき腹

    ワクワクが止まらない…雑誌の見開きページに仕込まれた面白アイデアいろいろ
  • otomegadget.info - otomegadget リソースおよび情報

    otomegadget.info は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、otomegadget.infoが全てとなります。あなたがお探しの内容が見つかることを願っています!

  • kuler

  • デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ - かちびと.net

    友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い?とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム

  • ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌

    ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B

  • Tag Cloudのスタイル - 3ping.org

    タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って

  • 1