あらゆるページにもっと高機能な拡大鏡を追加できる『TJPzoom.js』 - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
昨日ご紹介した「あらゆるページに拡大鏡を追加できる『Loupe.js』」の高機能版ともいうべきスクリプトをご紹介。 TJPzoomを使えば画像に拡大鏡をつけられる上、マウスドラッグでさらに拡大したり、高解像度の写真を別に用意しておいて拡大時にそっちを表示できたりします。 以下に簡単に使い方をご紹介。まずは基本パターン。 最初にスクリプトを導入。 <script type="text/javascript" src="tjpzoom.js"></script> 次に画像のコードを以下のように変更。divタグをつけるのと、widthタグをつけるのを忘れずに。 <div> <img src="test.jpg" style="width:640px; height: 480px;" onmouseover="TJPzoom(this);"> </div> なお、このほかにいくつかの画像ファイルを
ユーザーに注意を促すうまいやり方一つ | SiMPLE*SiMPLE
ユーザーに注意を促すうまいやり方一つ February 22, 2007 9:00 AM written by 8maki 最近ニュースサイトでも記事にトラックバックできるサイトが増えてきました。 信頼性が要求されるニュースサイトゆえ、様々な注意事項をユーザーに促さなければなりません。 ITmediaのトラックバックページではうまくユーザーに注意を促しています。 一般的なトラックバックのページですが・・・ リンクにカーソルをもっていくことでリンク先に飛ぶことへの注意が表示されます。 リンク先の保証はできないという旨の注意なのですが、ページの下や別ページに注意書きを書いても読んでもらえないし、だからといって注意書きがないのも不安。 クリックしてリンク先に飛ぶ瞬間、ポッと出して注視させるやり方、うまいですね。 » ITmedia Info: ナビゲーション | 固定リンク | コメント (0
フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 | S i M P L E * S i M P L E
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
こっそり一言メッセージ | SiMPLE*SiMPLE
こっそり一言メッセージ January 25, 2007 9:06 AM written by 8maki たつをさんのブログ、たつをのChangeLogにはコメントフォームがありません。 代わりに一言メッセージというのが付いています。 一言メッセージはたつをさんだけに送られるようです。メールよりも簡単で、コメントよりもパーソナル。 ちょっとした工夫ですが、読者との接点を大切にするたつをさんなりの工夫がうかがえました。 » たつをのChangeLog Info: 特殊効果 | 固定リンク | コメント (0) | トラックバック (1) | ↑ この記事のトラックバックURL （トラックバックは承認後に公開されます） [を] こっそり一言メッセージ 一言メッセージ機能[2005-01-30-3]が、simple x simple で紹介されていまし ... たつをのＣｈａｎｇｅＬｏｇ
1997年から2006年までのGoogleトップページの変遷まとめ | SIMPLE*SIMPLE
Google創業から8年が経ちましたが、トップページも少しずつ変わってきました。シンプルなサービスが人気ですが、Googleは最初から今のようにシンプルだったのでしょうか？ その変遷がこちらにまとめてありましたので、simple*simple的視点からちょっとご紹介。 まず、97年から98年の初期にかけて。 ↑ 見覚えのない（懐かしい？）ロゴ。「!」マークつきです。tableの背景色を使って色分けがされています。この頃はまだURLがgoogle.stanford.eduだったようで。 つぎに、98年。 ↑ 色使いも増え、企業情報やGoogleのロゴのページへのリンクなども。このロゴは、創業者のサーゲイ氏がGIMPで書いたものらしいです。 そして、99年。 ↑ ロゴと検索窓のシンプルなカタチになりました。でも“search the web using Google”という説明書きは残していま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーがアクションを起こした後にTwitterで流すように促すインターフェース（mento.info） | SIMPLE*SIMPLE