ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
TOEFL対策スクールナビ
「海外の大学・大学院に行きたい」「海外移住したい」。海外旅行では体験できないリアルな海外での生活を叶えるにはTOEFL等の受験が欠かせません。それらの夢を叶えるにはTOEFLのハイスコアが必要になりますがTOEICや英検と比べIELTSの学習ができるスクールは多くありません。また、ホームページにTOEFL対策コースの案内があっても実際に教えた経験に乏しいスクールは多くどのスクールを選べばいいのか一般の方には判りにくいのが現状です。TOEFL対策スクールナビがあなたの街の一番いいIELTSの対策スクール・塾を紹介します。 TOEFLの対策スクール・塾で学習する理由 TOEFLは英語の４技能「読む」「書く」「話す」「聞く」がそれぞれバランスよく評価される試験です。そのため独学で試験対策を進めた場合「話す」「書く」という自分のアウトプットに対して間違いを指摘し、正しい英語表現を教えてもらうことが
１，３，７……で復習する 一度に覚えるのと、分けて覚えるのでは、分けて覚えるほうが効果が高く、しかも長く続く。 これは、単純な暗唱ものから文章理解から技能習得に至るまで、あらゆるジャンルとコンテンツとシチュエーションで確認されている。 そして同じく学習を分散するにしても、その間隔を次第に広げる方が効果があることが知られている。 ・Glenberg AM & Lehmann TS. (1980). Spacing repetitions over 1 week. Memory & Cognition. 1980, Vol. 8 (6), 528-538. ・Glover JA & Corkill AJ.(1987). Influence of paraphrased repetitions on the spacing effect. Journal of Educational Psych
Pixlr.com
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
SimpleViewer requires Macromedia Flash. Get Macromedia Flash. If you have Flash installed 幕末古写真ジェネレーターではその名の通り、お手持ちの写真をアップロードすればどんな写真でも江戸時代〜明治時代にかけて撮影されたような幕末の古写真風に変換します。是非いろんな写真使って楽しんでみてください。 お寺や神社などの昔ながらの建物、着物姿の写真を変換するととてもリアルな古写真風になりますが、逆に今風な写真をあえて変換してみるのも面白い写真ができあがって良いですよ！
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
新しいくら寿司WebサイトのURLは https://www.kurasushi.co.jp/ です。 お気に入りやブックマークなどに登録されている方は、 お手数ですが新URLへの変更をお願いします。 2020年12月末日をもちまして、転送を終了いたします。
認知バイアス一覧で社会心理学入門
認知バイアス一覧で社会心理学入門 〜社会科学の知の蓄積を活用した社会教育の実現に向けて〜 暁 美焔（Xiao Meiyan) 社会学研究家, 2021.2.6 祝3.5版完成！ 疑似科学を生み出すのは人間の思考が本来持っている誤りやすい傾向である。 それ故に「科学と疑似科学の境界」を判断するためには、社会科学の知識は避けて通れない。 ここでは人間の誤りやすい傾向について、人類の英知である「社会心理学」の偉大なる成果である認知バイアス一覧を英語版に基づいて紹介する。 ここに紹介する知識は知っておくだけで人生に役立つ知識である事に間違いない。 これらの概念を紹介する日本語のウェブサイトを探すのが難しい事自体が、日本人が論理的思考をしていない事の証明であろう。 これまで社会科学とは縁の無かった科学技術系の人達が、少しでも社会科学に興味を持っていただく事を祈る。 1. 基本用語 帰属 出来事や他人
初めて上司になって１年が経った
３０歳の若造なのに部署のトップになってしまい、今まで下っ端営業マンだった自分が数人の部下を持ってからもうすぐ１年。有給とはいえ特にやることがないので、この１年でやったことを書いていく。 ・細かいところまでとことん効率化 １０年前のやり方が化石のように現存していた部署だったので、毎日のように徹底的に効率化に励んだ。アナログで書いたり打ったりしていた書類を、せめてエクエルでと関数やマクロを組んでその人が理解するまで家庭教師みたいに一緒にやった。パソコン関係ではなく、細かい手順やルールまで「そもそもコレなんのために必要？」を毎回やって、徹底的に無駄を省いた。 ・定時退社おばけになった 定時がくると「定時ですよ～定時ですよ～」とフラフラと部署を歩き回るおばけになった。残って仕事をしている人には簡単に何をやってるのか説明してもらって、明日でも大丈夫そうだと自分が判断したものは「明日！明日！」と言いな
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
Effects - PhotoFunia
Performing image editing and applying picture effects to any image is a time consuming exercise that is fit only for an avid photoshop user. If you’re looking for a quick and professional picture effects online service, then PhotoFunia is the solution you’ve been looking for. With PhotoFunia you can edit photos online for free in a matter of seconds resulting in high quality photo collages. Not on
イラストにおけるキャラクターの撮り方、考え方、tips - pal-9999のサッカーレポート
皆さん、こんにちは、ベルマーレが三連敗してしまい、ふんだりけったりの管理人でございます。こんにちは。腹立たしいので、今日はサッカーの話でなく、久々にイラストの話でもしようかと思います。 そもそも、この時期は、Ｊ２サポにとっては、精神的にきっつい季節で、カリカリしてるです。まあ、次は真面目に香川の話でもしますが、今日は、サッカーの話をする気分じゃないので、久々にイラストの話でもします。 イラストにおけるキャラクターとカメラの話 さて、昨今、デジカメが安くなってきたせいか、イラストの描き方に色々と変化が起きているように思います。絵を描くときは、参考資料に写真を撮るのが普通ですけど、そこで問題になるのが、写真の撮り方です。 えーと、最近はデジカメの安いのでも、ズーム機能とか手ぶれ補正とかついているので、素人でも簡単に広角と望遠を使い分けて写真撮れるようになりました。 井上純弌氏による「萌え絵／エ
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
Click the button below to start levelling up your imagery game!
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
[JS]jQueryのプラグイン100選 -2011年総集編
2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
前回までのあらすじ ボトムアップ型業務改善の代表格であるトヨタ式カイゼンが多くのIT企業に適用できないことを悟って絶望するmegamouth。錆びた斧を交換できない木こりはやはり愚昧なのだろうか？それとも我々はトタン屋根の上の猫のように日が傾くことをただ念じるべきなのだろうか？（どうでもいい） 一人で始める業務改善。その狂気 まず、本エントリは末端IT土方が一人で業務改善を行おうとすると、どのような事が起こるのか、というおかしな話をしようとしている。大げさでなく、業務改善をたった一人で行うというのは、山に篭ったランボーが、襲い来る警官たちを全員サバイバルナイフとブービートラップで惨殺するような話である。この孤独な戦いには何の支援も期待できないし、あなたのサービス残業時間は確実に増加するし、精神的な負荷も大きい。にも関わらず、成功してもあなたが正当に評価されるかはわからない。経営者のガレージ
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
Photoshopの一連の手順（画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど）を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR（ハイダイナミックレンジ）風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ
画像処理.com | キーエンス
画像処理.comでは、こんなことが学べます！ ラインの効率化や不良品検査など、FAを考える上で切っても切れない「画像処理」。 コストパフォーマンスを最大化する導入のためにはレンズの選定や照明などの設定、位置決めなど様々なノウハウが必要です。 ラインの目視検査を自動化したいと考えたことがある 画像処理（カメラ検査）を検討したが、難しそうだと導入をあきらめたことがある という方は、当社新人研修プロ講師が、画像処理について徹底解説するこのサイトをご利用ください。 画像処理に用いるハード（撮像素子CMOSやレンズ、照明など）やソフト（各種検査における画像処理の手法など）に関する基礎知識、また、現場での実践に役立つ基礎知識について解説します。さらに、画像処理に関する基礎知識を再確認したり、気軽に理解を深めたりすることができるクイズ集「画像処理理解度テスト」や、画像処理の歴史に関するトリビアもご用意。
昔、Voiceに、オリンピックに経済効果なんかないし、無理して誘致すべきでない、というコラムを書いた。 オリンピックには経済効果なんかありません。(2007/05) 2007年の話で、ここで話題にしているのは、2016年リオデジャネイロオリンピックが選ばれたときの話。ぼくが言ったとおりアメリカ大陸になったでしょー。 で、その中で話題にしている研究というのは、以下のものだ。 Jeffrey G. Owen (2005) "Estimating the Cost and Benefit of Hosting Olympic Games: What Can Beijing Expect from Its 2008 Games?" The Industrial Geographer, Volume 3, Issue 1, p. 1-18 こうやっても君たちは読まないだろうから、ざっと訳してあげまし
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
今回の日記について 大変亀レス的、且つ、私的な話題でネットで晒すのも恐縮なのですが、コンピュータに関係しなくもない経験をしたので、なにかの役に立つかもしれないので日記として残しておきます。 事故や犯罪被害をうけた人は、「まさか自分が、こんな目に遭うとは思っていなかった」と皆、そう言うそうです。 私も、こんなことが自分の身に起こるとは思っていませんでした。 しかし、誰にでも起き得ることであり、だから記録として残す価値はあると思いました。 事件の内容 今年の二月、早朝の6時から警察に叩き起こされて、3人がかりで四畳半のアパートの家宅捜索を受けました。 はじめ自分の身に何が起こったのか、まったく分かりませんでした。 2月の初旬でしたが、4月リリースにむけて仕事の忙しい時期だったので、そんなに寝てない状況でした。 まだ寝不足な朝っぱらから、尋常ではなく激しくチャイムが鳴らされるので何事かとドキドキ
化け猫アイコンメーカー
【お知らせ】2021.1.7 サイトの常時SSL化により、WebツールのURLが変更されました。 http://neutralx0.net/tool/ → https://neutralx0.net/tools/ 【ドット絵エディタ】ミニドット絵メーカー３ 1～50ドットのミニサイズのドット絵を描くことができるエディタです。 画像を読み込んで加工したり、背景を透過することもできます。 【アイコンジェネレーター】化け猫アイコンメーカー 好きなパーツを組み合わせて色を設定するだけで簡単に猫型のアイコンを作れるツールです ダウンロードした画像はSNSのアイコンやブログの装飾などにお使いいただけます。
雑誌で読んで知った「耳ヨガ」というのをやってみたら本当に色々な効果があったので驚いた。視力回復は視力検査をして確認してはいないが、視界が良好になった。ちなみに、雑誌には実際に視力が上がったという例が載っていた。また、その他にも頭がすっきりしたり、全身がぽかぽかしてきたり、という効果がすぐに体感できた。いつでもどこでも手軽にできて便利。 耳ヨガの効用とやり方をまとめた。本当に簡単で、いつでもどこでも気軽にできるので、オススメ。 目次 耳ヨガの効用 耳ヨガのやり方 耳ヨガで色々な効果が出る理由 参考 耳ヨガの効用 視界がくっきりする。視力が回復する。 全身の血流がよくなり、体が温まる。 頭の緊張が自然にほぐれる。 昼にやれば集中力が高まり頭がすっきりする。 安眠効果がある。夜やれば熟睡できる。 ダイエット効果がある。代謝がよくなってやせる。 頭痛、肩こりが改善する 耳ヨガのやり方 まず息を吸う
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
5000兆円欲しい！.css
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
CSSサンプル集
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
見栄えが良くなるPhotoshop簡単テク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
復習のタイミングを変えるだけで記憶の定着度は４倍になる
幕末古写真ジェネレーター -写真を江戸時代〜明治時代の古写真ぽくします-
Ajaxload - Ajax loading gif generator
『バレンタイン限定、チョコレート味のお寿司』 - チョコバナナロール寿司資料：：くら寿司
jQueryでスクロールすると表示する系いろいろ
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
シノビガミリプレイ シノビガミ弐 刃魔激突のCM動画:かわしまさんのオリジナルコマーシャル | コマーシャライザー
http://www.designwalker.com/2009/06/flash-effect.html
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
業務改善を現場に求める狂気 - megamouthの葬列
http://s6.ql.bz/~iqp/nameko/nameko.html
写真の印象を一気に激変させて美しくするPhotoshopのお役立ちアクション61種類
あらためて、オリンピックに経済効果なんかないこと。 - 山形浩生の「経済のトリセツ」
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
児童ポルノ法が私に及ぼした実害と、今後増えると予想される家宅捜索令状 - seraphyの日記
【耳ヨガの効用と方法】耳をひっぱるだけであっという間に視力が急上昇！？ - 久保清隆のブログ
Pttrns — Mobile User Interface Patterns
jQuery Clip - jQueryのプラグインをまとめました。
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たった6行でWebサイトのUIをガラッと変える
script.aculo.us - web 2.0 javascript