Page: 2/4  << >>
サイトの横幅は 950px
日本のWebサイトの横幅のトレンドは950pxです。

理由は、Yahoo! Japan トップの横幅が950pxだからです。
ロジカルな議論よりも何よりも、Yahoo! Japan トップが優先します。

業界ではごく常識ですが、知らない方には意外に感じられるかもしれません。 

では、Yahoo! Japanの950pxの理由はというと、
おそらくですが、

ユーザのモニタ解像度の標準を1024×768以上と定め、
横幅を1024に設定してあるモニタにおいて、
ブラウザ(IE)内外の余白を適度に省いた最大の横幅サイズが950pxだった、
ということです。

ちなみに、そのモニタ解像度から、
1stビューの実効サイズは950px×500px程度になります。

yt

| 関家えいじ | 13:25 | comments(0) | trackbacks(0) | pookmark |
フロート拡大画像ギャラリー − web tips 追加
 web tips サンプルを追加しました


lightbox風のインターフェースを
割とまじめに w 再制作してみました。
拡大UIにサムネイルスライダー機能を付加しています。


| 関家えいじ | 15:15 | comments(0) | trackbacks(0) | pookmark |
JSリキッドアニメーション − web tips 追加
 web tips サンプルを追加しました


リキッドレイアウトをJavaScriptで動的に実装する場合の基本的な演算ロジックに、
コミカルなeasingによるアニメーション演出を加えて実装しました。

| 関家えいじ | 10:48 | comments(0) | trackbacks(0) | pookmark |
jQuery.ajax csv絞り込み検索&ページング − web tips 追加
 web tips サンプルを追加しました


ECサイトやコーポレートサイトでそのまま使える、絞り込み機能やページング機能を備えたアイテムリスト表示のデモをアップしました。


| 関家えいじ | 18:10 | comments(0) | trackbacks(0) | pookmark |
HTML5 canvas デジタル&アナログ時計 − web tips 追加
 web tips サンプルを追加しました


HTML5 Canvas機能を利用したデジアナ時計です。

現在のブラウザ環境でできること、できないこと、各ブラウザの対応バージョン、対応状況を確認できます。

| 関家えいじ | 10:21 | comments(0) | trackbacks(0) | pookmark |
HTML5 マークアップ 2010年11月版 − web tips 追加
 web tips サンプルを追加しました




ブラウザの対応がバラバラの現時点でのHTML5の実装方法を紹介します。

JavaScriptにcreateElementメソッドを与え、CSSのdisplayプロパテイを設定することで、HTML5を実現しています。

| 関家えいじ | 09:14 | comments(0) | trackbacks(0) | pookmark |
jQuery Timers による タイマー制御 − web tips 追加
 web tips サンプルを追加しました


jQuery書式でタイマーを実装できる便利なjQueryプラグインです。

 定期繰り返し処理 : $( 対象オブジェクト ).everyTime( ミリ秒数 , '関数名'(省略可) , 関数命令 );
 繰り返し停止処理 : $( 対象オブジェクト ).stopTime( '関数名' , 関数命令(省略可) );
 一回のみ時限処理 : $( 対象オブジェクト ).oneTime( ミリ秒数 , '関数名'(省略可) , 関数命令 );

についてのサンプルを挙げてあります。


| 関家えいじ | 15:24 | - | - | pookmark |
IE 6 透過PNG利用 expression処理の方法と注意点 − web tips 追加
 web tips サンプルを追加しました


透過PNG画像非対応のIE6で、expressionを利用して解消できる場合やできない場合についてまとめました。

| 関家えいじ | 22:34 | comments(0) | trackbacks(0) | pookmark |
jQuery.ajax xmlデータ取得の基本構文 − web tips 追加
 web tips サンプルを追加しました


jQueryを利用したAjaxの基本的な実装方法+エラー処理という、実用レベルの最小構成の記述を紹介します。

| 関家えいじ | 21:45 | comments(0) | trackbacks(0) | pookmark |
css2 iPhone・iPad対策版 表示エリア固定ブロック(position:fixed) − web tips 追加
 web tips サンプルを追加しました


スクロールしても表示位置が変わらない、position:fixedのブロックが、iPhone、iPadでうまく実装できなかったので情報を探していたところ、iScrollのおかげで実装できました。

ただ、オペレーションが煩雑になるので、Mobile Safari が「position:fixed」に対応してくれる日を心待ちにしています。 >> Appleさま

| 関家えいじ | 19:15 | comments(0) | trackbacks(0) | pookmark |

Calendar

     12
3456789
10111213141516
17181920212223
24252627282930
<< September 2017 >>

Profile

Facebook

Recommend

Recommend

Recommend

Flickr

www.flickr.com
This is a Flickr badge showing public photos and videos from sekiyaeiji. Make your own badge here.

Search

Entry

Comment

  • なめこ栽培 裏なめこ 設備リスト
    赤西 神 (08/08)
  • jQuery.ScrollTo 1.4.2 による ページ内スクロール − web tips 追加
    hideki (12/20)

Archives

Category

Link

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode