Watson & Company | W&CO | NYC Brand and Advertising AgencyWatson & Company (W&CO) is New York City based Brand and Advertising Agency specializing in crafting intelligent brands that shine brightly, stand out and connect with the most sought-after audiences in the world.
[JS]かわいい感じに画像を拡大表示するスクリプト -prettyPhoto
prettyPhotoは、角丸のかわいい感じのフレームやパーツを使用した、画像を拡大表示するLightbox風のスクリプトです。 prettyPhoto 背景色、拡大表示時のフレーム、ローディング時のアニメーション、ボタンなど他のLightbox風スクリプトよりかわいくデザインされています。 prettyPhotoで画像を拡大表示するには、スクリプトを外部ファイルとして、画像箇所に下記のようにrel属性に「prettyOverlay(一枚用)」「prettyOverlay(ギャラリー用)」を記述します。 <textarea name="code" class="html" cols="60" rows="5"> <a href="fullscreen.jpg" rel="prettyOverlay" title="画像の説明"><img src="thumbnails.jpg" alt="
[JS]画像に鏡面効果を与えるスクリプト -reflex.js
reflex.jsは、画像にクラスを指定するだけで鏡面の反射効果や立体効果を表現できるスクリプトです。 reflex.js 実装は、簡単でreflex.jsを外部ファイルとして指定し、画像にクラスを指定するだけで実装できます。 クラス指定によって、角度調整などが行えます。 JavaScript、CSSオフだと通常の画像が表示になります。
画像に鏡面効果を与えるreflection.js
画像に鏡面効果を与えるreflection.js Check Tweet 配布元：reulection.js1.7 ライセンス：MIT-license reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定さ
Reflection.js
Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB. Reflect-o-matic See what reflection.js looks like o
ProtoFlow - Coverflow-like javascript library
ProtoFlow is a coverflow effect written in Javascript. It uses Prototype and Scriptaculous to do bulk of the work and it uses Reflection.js to do all the image reflections stuff! Well mainly because I felt like it. There are few other coverflow implementations out there but I couldn't find any that used Prototype and Scriptaculous! Its fairly easy to use this lib. Just follow the steps: Add Protot
prototype 55 plugin：skuare.net
JavaScriptライブラリのPrototypeとscript.aculo.usのプラグインを利用して出来るサンプルです。 prototypeはAjaxライブラリの先駆けと登場し、多くのサイトで使用されています。 ここでは、画像関連、メニュー関連、フォーム関連、その他、日本語未解説の分類でAjaxライブラリのprototypeならびにscript.aculo.usのサンプルを紹介しています。
AJAXライブラリのまとめ : WEBデザイン&AJAX
AJAXライブラリのまとめ 2007年1月18日 2006年はAJAXが注目されその技術としてのJavascriptという従来からあるスクリプト言語にも非常に注目が集まりました。 僕が2006年度で調べた知る限りのAJAXライブラリやJavascriptライブラリをここにまとめたいと思います。 JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」:phpspot開発日誌 モーションの開始、停止、初期化などをボタンで調節できるモーションを提供。 動きもまぁまぁ滑らか。使用する際、少しだけjavascriptの知識を必要とする。 超軽量JavaScriptフレームワーク「SimpleJS」:phpspot開発日誌 超軽量でシンプル。シンプルなｊｓだけに多少マークアップにCSSを記入したりする必要があるけど、個人的には綺麗で滑らかな動きが良いと思う。 ウィンドウサイ
punti+ chores tasks & rewards
Let your kids help in the house, do their chores and homework, gain points and then redeem them for prizes! While having fun they'll be incentivised to do their chores and task all while creating the habits that will form their future. punti+ is a simple yet powerful app to be used along reward systems and chore charts/trackers. You can have your own system or just use punti+ and come up with the
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
jquery [DokuWiki]
jQueryは軽量のAjaxフレームワークです。JavaScriptの標準的なコーディングとは異なりますが、非常に短いコードで大きな効果があるスクリプトを記述できるようになります。prototype.jsがRuby風に記述できるライブラリだとすればjQueryはCSS風にJavaScriptを記述できるライブラリといえるでしょう。 主な特徴としては以下のとおりです。
jquery.toggleElements.js - Toggle HTML-Elements with jQuery
jquery.toggleElements.js - Toggle HTML-Elements with jQuerytoggleElements is designed to hide informations on your site and show it only when the user requests more information. Features unobtrusive script, simple to setup full customizeable via CSS only a class and a title-attribute must be added to your original HTML nesting toggleElements is possible This page uses jQuery Version Version
Tipped - A Complete Javascript Tooltip Solution
Abbott Handerson Thayer (1849 - 1921) was an American artist, naturalist and teacher. He is best known for his 'angel' paintings, some of which use his children as models. Display anything Tipped can display anything from simple snippets of text to custom designed tooltips. With build in Ajax support and a powerful Javascript API, Tipped covers pretty much every usecase when it comes to tooltips.
Millstream CMS - Isometric
Seriously easy content management Designed and built from the ground up to provide our clients the best CMS possible. Millstream CMS has been in continuous development since 2004. Simple to use Millstream CMS is customised to your exact requirements to make adding new content a painless and fast process. We automate many tasks making complicated content entry a breeze. Fully Supported Isometric ma
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Prototype extension: Showcase | 設置サンプル
画像を左右に傾かせるjavascript「reflex.js」
MacOS Xのドック風エフェクト(fisheye)を実現するライブラリ集
MooFlow V0.2 for MooTools 1.2
Michael Leigeber