タグ

2010年6月21日のブックマーク (3件)

  • ユーザがアイドル状態になったかどうか確認できるjQueryプラグイン「IdleChecker」:phpspot開発日誌

    Idle Checker : by Kevin Lint ユーザがアイドル状態になったかどうか確認できるjQueryプラグイン「IdleChecker」。 ユーザがブラウザ上で操作しているうちはいいのですが、席をたったりした場合にログアウトを発生させたいようなケースがありますね。 会社なんかで画面をそのままにして席をたった後、ログイン状態のままだと誰かに操作されてしまう危険性がありますが、自動でログアウトを実装する仕組みがこのプラグインで実現出来ます。 デモページを見ると、ページ内でいる時間数がどんどん上がっているのが確認できます。クリックするとリセットされます。 プラグインのメソッドに、タイムアウト秒数や、ログアウトURLをパラメータとして渡しておくことで、指定した時間がくればログアウトURLに移動するようなことが簡単に実装出来ます。 ログアウトした際の例 使い方は以下のようにオプション

  • 均一で単調なシャドウから卒業するPhotoshopのチュートリアル

    均一で単調なシャドウではなく、大きさや不透明度を調整して奥行きのあるシャドウを描くPhotoshopのチュートリアルを紹介します。 Warping Drop Shadows to Give Depth 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 まずは準備をします。 下記の例では、白い背景と紙のテクスチャを用意しました。 Step 2 シャドウの元になる矩形を描きます。 背景とテクスチャの間に新規レイヤーを作成(Ctrl+Shift+Alt+[N])します。選択ツール[M]で長方形ツールを選択し、実体の下の方にやや小さめに矩形を選択します。塗りつぶしツール[G]を使用して、選択範囲を黒(#000000)で塗りつぶします。 シャドウの形は後のステップで整形するので、適当で構いません。

  • [CSS]ブラウザのサイズに合わせて垂直・水平方向に可変するレイアウト -SuperStretch! | コリス

    ブラウザを縦長にしたキャプチャ 可変レイアウトの実装はHTMLCSSで実現されています。 対応ブラウザはIE6/7/8, Fx, Op, Safari, Chromeなど主要ブラウザに対応しており、IE6はIE7のように振る舞うスクリプト「ie7-js」を使用しています。 実際のサイトに使用されている例も紹介されていました。

    ichao130
    ichao130 2010/06/21