Linksをサムネイル化した
Linksをサムネイル化してみた。各サムネイルはSimpleAPIのウェブサイトサムネイル作成API頼みなのでNOW PRINTINGばかりだったりするけど、それはそのうち解消されるはず。無駄にポップアップとかさせてみたり。 Simple APIのウェブサイトサムネイル作成APIが返す画像は決まったサイズなので、ポップアップはかなり前に考えたposition: relative;を利用したテクニックでやった。CSSのコードは、 div#contents div.story ul.thumbnail { margin: 1em 0; width: 100%; line-height: 1; list-style-type: none; } div#contents div.story ul.thumbnail li { margin: 0 1em 1em 0; float: left; wi
【情報教育支援ツール】画面に大きなキーボードを表示する JavaScript-Keyboard
◎ 情報教育（情報科学・システム工学）のための支援ツールです． ・ 画面にキーボードを表示します(1024×768以上を推奨)． ・ 各キーをクリックすることでマーキングすることができます． ・ LEDは直接マーキングすることもできます． ・ マーキングしたものを再度クリックするとマーキングはクリアされます． ・ 右上の [CLEAR] ボタンで全てのマーキングをクリアします． ・ 当ツールは表示用であるため文字入力はできません．
Reflection.js version 1.5 | Cow's Blog
Reflection.js version 1.5 May 19th, 2006 google_ad_client = "pub-7691705403809822"; /* Blog Top: Square */ google_ad_slot = "4841035901"; google_ad_width = 336; google_ad_height = 280; I’ve just released an big update to reflection.js - a cross platform script which allows you to add reflections to images on your web pages. It works in all the major browsers - Internet Explorer 5.5+, Mozill
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
サーバーサイドJS、リンク - FAX
サーバーサイドJS、リンク リンク (thanks to こんな毎日・・・) 最後に生き残るのは{{br}}JavaScriptかもな 引用して頂き、光栄です、嬉しいです。 Re : 。 例によって、このエントリの情報の多くはこんな毎日・・・さんで知りました。 ありがとうー！ サーバーサイドJS、まず、まとめは以下。 Helma、Firecat、OpenMochaと、メジャーなものが揃ってます。 Wikipedia - Server-side JavaScript サイボウズの奥さんも追ってらっしゃいますね。 ASPですか...、コミュニティ梃子が弱そうな印象があります。 Kazuho@Cybozu Labs: 今日から始める Server-side JavaScript OOWeb+BSFには、JSPならぬJSSPがあります。 こんな毎日・・・ 11月 2005 - OOWeb+BSF
小粋空間: Lightbox JS で画像を表示する
サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっているようです。 ということでこのエントリーにてご紹介したいと思います。 2006.10.10 追記：機能改善された Litebox 1.0 の記事「Litebox 1.0 をブログに適用する」を公開しています。 ０．動作 公式サイトでも確認できますが、とりあえず上のサムネイルをクリックしてください。ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。 表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。 以下、このスクリプトの設定方法です。 １．ファイルのダウンロード 動作に必要なファイル（スクリプト・スタイルシート・画像）をダウンロードします。 まず下記の
高度な JavaScript 技集
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
llameradaの日記 - ユーザがページに滞在した時間をサーバに記録するJavaScript
Ajaxの普及に伴い、ページ当たりのユーザの滞在時間が注目されるようになっている。従来、サービスがユーザに与えるインプレッションの指標としてページ・ビューが広く用いられている。しかし、Ajaxを利用するとページの移動があまり発生しないため、ページ・ビューが低くなってしまう。そこで、インプレッションの指標として、滞在時間を使おうという動きがある。 今回、JavaScriptでユーザの滞在期間が記録できるかどうか調べてみた。取り組む前は難しいかなと思ったが、実際にはとても簡単であった。コードは下記。 (function(){ var start = new Date; window.onunload = function(){ var time = (new Date - start ); var image = new Image; image.src = "/dummy?t=" + tim
404 Blog Not Found:AA折れ線グラフ - Perl5, Perl6 &amp; Javascript版
2006年03月21日05:46 カテゴリ AA折れ線グラフ - Perl5, Perl6 & Javascript版 Shiroさんから久しぶりにCommentを頂いたので、ShiroさんのWikiを見に行って見つけたQuiz。 AA折れ線グラフ 入力は'R','F','C'の3種類の文字からなる長さ1以上の文字列 'R'は上昇を表し，折れ線グラフの要素としては '/' (スラッシュ)1文字に対応 'F'は下降を表し，折れ線グラフの要素としては '\' (バックスラッシュ)1文字に対応 'C'は変化なしを表し，折れ線グラフの要素としては'_'(アンダスコア)1文字に対応 PerlとJavascriptがなかったのでやってみた。 それほど難しい問題ではないのだが、 それぞれの言語の特徴が出るようにちょっと工夫してみた。まずはperl5から。 #!/usr/local/bin/perl us
calcoolate.com: The Coolest Online Calculator
Online calculator is great for financial calculations. Be it stock values, stock option values, or account management. In addition to finaccial calculations, we offer unit conversion, in particular currency rates conversion. This site is where you can do your financial calculations, models and evaluations.
はてなブックマーク件数を blog に貼り付けるウィジェット
はてなブックマーク件数を blog に貼り付けるウィジェット 2006-02-27-1: [JavaScript][Ajax][Ruby][Code] ウィジェットというほどのものではないけど，はてなブックマーク件数を簡単に blog に貼り付けることが出来る部品を作ってみました． はてなブックマーク件数とは以下の画像の赤枠のようなものです． この赤枠の中で囲まれた部品を blog に貼り付けることが出来ます． このウィジェットの使い方はとても簡単で <link rel="stylesheet" type="text/css" href="./styles/hatebu-count.css" /> <script type="text/javascript" src="./js/prototype.js"></script> <script type="text/javascript" s
YappoLogs: suggest_ajax.jsのver0.2をリリースしました
suggest_ajax.jsのver0.2をリリースしました id:onozatyさん作のsuggest.jsの拡張スクリプトsuggest_ajax.jsですが。 Enjoy×Study - suggest.jsのver0.2をリリースしました yappoさんの「suggest_ajax.js - suggest.jsをAjaxなどに対応する等の拡張スクリプト」については、今回、関数名を一部変えた(keyup→keyevent)ので、ver0.2との組み合わせでは動かなくなります(せっかく取り上げていただいたばっかりなのに、、申し訳ござません…)。という事なので、さくっと対応させました。 ソース サンプル 主な変更点 suggest.js Ver0.2に対応 候補リスト表示中のleft/right/return/esc key以外の挙動を変更 候補リストを非表示中でも入力窓中でretu
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax実践テクニック
[観] 楽天広場のトラックバックURLが暗号化されました
JavaScriptは使わずCSSだけで作られたイメージギャラリー - GIGAZINE
http://gigazine.net/News/html/lg/001268.htm
JavaScript XmlHttpRequest tests
Lightbox Plus
あなたのサイトはYahoo! JAPANで何位？