タグ

2010年8月5日のブックマーク (3件)

  • float関連の問題で覚えておくべき5つの対策

    CSSのfloat関係って、基的に覚えておくべき事ですが、 動作がいまいちわかり辛かったり、バグが多かったりと、 float一つとっても覚えておくべきことって多いと思います。 なのでfloat関連の問題で覚えておくべき解決方法や 回避方法のことなどについてをまとめてみた。 1)floatしたボックスの下にコンテンツがこないようにする 写真の横に文字をもってきて、その文字が多ければ 写真の下にも文字をもってくる・・・というような場合は、 単純にimgにfloatをつけるだけでできるのですが、 コンテンツが下に来ないようにしたい場合はどうしたらいいか。 ■例1ー1(imgにのみfloat:left、下に回り込む) ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキス

    float関連の問題で覚えておくべき5つの対策
  • Balloon.js - Google マップ風の吹き出しでダイアログ表示 JavaScript ライブラリ

    Google マップや Google カレンダー風の吹き出し型 (バルーン) ダイアログを表示する JavaScript ライブラリ。 ダウンロード 下記 2 つのファイルが必要です。 balloon.js JavaScript ソース balloon.gif GIF 画像 ライセンスは クリエイティブ・コモンズ 表示 2.1 日 と MIT License のデュアルライセンスの下で自由に使用できます。ライセンスは好きな方を選ぶことができます。ソース内のリンクは残してください。 試してみる Mozilla Firefox 2.0/3.0, Internet Explorer 6.0/7.0, Safari 3.1 (Windows) で表示確認済みです。 テスト1 デフォルトの設定のバルーン。 テスト2 足 1 を使用。バルーンの中には HTML が使えます。 テスト3 足 2 を使用

  • 見えてきたECサイトの人気レイアウト

    ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC(電子商取引)サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場(100サイト)、Yahoo!ショッピング(50サイト)に出展しているECサイトおよび企業が独自に運営するECサイト(100サイト)を7月に調査した。 70%がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70%だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。

    見えてきたECサイトの人気レイアウト