Fullscreen Image Blur Effect with HTML5 | Codrops フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプルが公開されています。 画像切替の際のぼかしアニメーションがなかなかいい感じです。サンプルをダウンロードできるので写真を置き換えればそれっぽく利用することができそうです FlashかHTML5なんていう話にもなったりしますが、画面のデザインがある程度CSSででき、画像の指定もHTMLでかけちゃうっていうのはデベロッパー側としては嬉しい場面も多そうですね 関連エントリ HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 HTML5のブラウザ対応状況がサクッと分かる「HTML5 Please」 HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 Flash使って

画像をかっこよく表示してくれる Lightbox2設置方法 ダウンロード＆アップロード テンプレートのヘッダを編集 <link rel="stylesheet" href="<$MTBlogURL$>/lightbox.cssへのパス" type="text/css" media="screen" /> <script type="text/javascript" src="<$MTBlogURL$>/prototype.jsへのパス"></script> <script type="text/javascript" src="<$MTBlogURL$>/scriptaculous.jsへのパス?load=effects"></script> <script type="text/javascript" src="<$MTBlogURL$>/lightbox.jsへのパス"></scri

先生：前回は 数値変数について教えた 実は変数には 文字列変数もある 遊：文字『列』？ 麗：先生 『列』って 何ですか？ 先生：文字列というのは 文字が列のように 並んだものだ 先生：文字列変数に 入っている文字は 1文字の場合もあれば 何文字かの場合もある この文字列変数は そういった文字を書いた 付箋のようなものだ var a = "遊"; var b = "成績"; ： 守：変数『a』に 『遊』という1つの文字が 変数『b』に 『成績』という複数の文字が 入っているんですか？ 先生：そうだ この文字列変数は 数値変数のように 足し算ができる var a = "遊"; var b = "の"; var c = "成績"; var d = "は"; var e = "低い"; var ketugou = a + b + c + d + e; alert(ketugou); 遊の成績は低い

ひと味違ったページ内スクロールをjQuery Easingプラグインで実装する jQuery.easing.scroll.js サンプルを見る (IE6では確認できません jQueryを使うとかなり簡単にページ内スクロールが実装できるのですが、さらにjQuery Easingプラグインと合わせるとなかなか面白い動きができたりします。 というわけで誰でも簡単に導入できるようにプラグインにしました。以前にslideScroll.js(jQueryプラグイン版）というページ内スクロールの記事を書きましたが、悲しいことに断然こちらのほうがおすすめです。動きが滑らか…そして自分の好きな動きから選べます。 今回はソースの解説もしてるので、興味のある人は見てみてください。 ページ内スクロールプラグインなのに、7KBもあるのはEasingプラグインの容量が5KBだから…これを機に他のアニメーション部分でも

width: | height: | top: | left: status: | resizable: | scrollbars: | toolbar: | menubar: | location:

onclickを用いないポップアップjsを見つけました。 最近classやidでjavascriptを実行させるtipsが流行っていますねー。結構使いやすくてすぐ飛びついちゃいます。ソースはいたってシンプル。 ■サンプル 詳細なサンプル 簡易なサンプル↓ popup windowを開く ■</header>手前に入れます。 <script type="text/javascript" src="popup.js"></script> ■ソース（リンクの書き方） <a href="popup.html" class="popup">popup windowを開く</a> ■メリット リンク先をhrefに入れているので、javascriptOffの場合は普通にリンク。 ポップアップでなく新しい窓/タブで開くを選択することも可能。 cssで.popupに別窓アイコンの装飾をするこ

メールフォームCGIの概要Perlで書かれたメールフォームのCGIです。自動返信機能(オートレスポンダー)、必須入力項目をチェックしてくれるJavascriptファイルがセットになっております。とにかくシンプルに、簡単に設置できるよう心がけたつもりです。パーミションの設定ができる人であればおそらく設置できるかと思います。 項目の追加や必須項目の設定などは全てHTMLに記載するだけでOK。また、ユーザビリティを高めるための様々な機能を実装しております。メールフォームの設置やCGIで諦めた方はぜひお試し下さい。 メールフォームCGIの機能 レジューム機能 他のページに行っても、ブラウザを閉じない限り入力した内容が記憶されます。ブラウザを閉じる事により入力された内容が消えますので、セキュリティ面でも問題ありません。 スパムフィルター機能 Javascript実行環境下でしか動かないため悪意あるb

sezinfo.php 【本体】 sezinfo.css 【スタイルシート】 sample.html 【表示サンプル】 data（ディレクトリ） 【データ格納ディレクトリ】 - sample.dat 【データ保存用ファイル】 - sample.js 【表示用JavaScript書き出しファイル】 - sample.txt 【非同期表示用テキスト書き出しファイル】 js（ディレクトリ） - doc_async.js 【非同期ファイル読み込み用JavaScript】 使い方 スクリプト内28〜54行目の設定をします。 $pageTitle='タイトル'; このページのタイトルです。 $password='1234'; ログインパスワードを設定します。表示用javascriptファイルの反映も同じパスワードになります。 $maxData='20'; 表示するデータの最大保存数です。設定した数を超

このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ？と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、本講座のサンプルを使ってＨＴＭＬファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。

It's quite often, when navigating through a long document, confusing or disorienting for users to click a link which immediately jumps them to somewhere else in that document. Are they on the same page, on a different page, should they scroll more from here, what's going on? Smooth link scrolling alleviates this a little, by scrolling the page to the new link rather than jumping there directly. Tr

TYPEJavaScript LASTUPDATE 2007.08.01 DOWNLOAD blinkhash.js_0.11.sit blinkhash.js_0.11.lzh blinkhash.js_0.11.zip SOURCE blinkhash.js DOCUMENTindex.html readme.txt スムーススクロールライブラリ ページ内のアンカーをジャンプする際、少しずつスクロールさせるライブラリです。 一瞬で移動しないので、ページ内のどこまでスクロールするのかがわかりやすく、 スクロール後にアンカーエレメント、エレメントに含まれるヘッダ等指定されたエレメントを点滅させます。 スクロールスピード、スクロール幅、点滅回数、点滅速度、ハイライトのスタイルを自由に変更出来ます。 IE5.x、Mac IE、Netscape4.xでは、<a name="top">?</a>へ