マウスオーバーをデザインする | DesignWalker
画像拡大表示ライブラリ iz_zoom デモページ
Download iz_zoom ( Google Code ) Back to iz_zoom Page How to use iz_zoom Download "iz_zoom" and upload "js Folder" to your server. Add HTML code between <head> and </head> <script type="text/javascript" src="js/lib/prototype.js"></script> <script type="text/javascript" src="js/lib/scriptaculous/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/iz_zoom.js"></scri
新規でサイトを作るのに使えそうなの一式。Ver 3
随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL（zip：40kb） Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
iz_zoom 画像拡大表示JavaScriptライブラリ｜econosys system
ajaxテンプレートを使用した画像拡大表示ライブラリ【iz_zoom】 【iz_zoom】JavaScriptによる画像拡大表示ライブラリです。 ajaxテンプレートを使用しているので、テンプレートhtmlを変更するだけでレイアウトを自由にカスタマイズできます。 Lightbox.jsの代わりにどうぞ。 [ 確認ブラウザ ] Mac Safari2, Mac Firefox2, Mac Opera 9.10 Win IE6, IE7, Win Firefox2, Win Opera 9.00 にて動作確認しています。 prototype.js , script.aculo.us を使用しています。 本ソフトウェアは「フリーソフト」です。 無償で使用、改変（別システムへの組み込み）、再配布する事が出来ます。 ライセンスは修正BSDです。商用利用もちろんOK。 機能（できること）
Coda-Slider 1.1#5
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Niall DohertyFounder and lead editor at eBiz Facts Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Th
jqDnR :: Minimalistic Drag'n'Resize for jQuery
jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. Features; Drag + Drop Element Posistioning South East Resizing Definable Drag and Resize "handles" Translucent Dragging, Preservation of Original Opacity I wrote jqDnR to compliment jqModal elements, allowing drag+resize functionality while remaining true to the plugin's minimalistic architecture. jqDnR provid
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
通常ページ内アンカーでスムーズスクロールが出来ちゃった。 | MAKIZOU.COM
スムーズスクロールで良いのを発見しちゃいました。 やっぱり世界は広いね…「smoothscroll」でググっていたら出てきましたよ。 スムーズスクロールとは、1ドット単位で画面表示スクロールさせることで、表示範囲の遷移をなめらかに表現します。 画面が滑らかに移動するので、視線を追いやすいです。 このMAKIZOU.COMで言うと、一番下の「画面のトップに戻る」がそれにあたります。 良く見かけるスムーズスクロールって href=”javascript:void(0)” や onClick=”hoge()” とかが必要な場合が多くて、導入に躊躇しちゃいますが、ご紹介するのは通常のページ内アンカーで <a name="top"></a> <a href="#top">画面のトップに戻る</a> の様なHTMLソースでOKだったりします。 すごく便利で、使い方も簡単！ 下記で紹介して
こだわりのページ内リンクスムーズスクロール scrollsmoothly.js
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプルページのようにhead内で読み込むだけでOK。 ソースコード(Javascript) scrollsmoothly.js 読み込み例 <script type="text/javascript" src="scrollsmoothly.js"></script> 特徴 縦横斜めにスクロール可能 スクロール中にもリンクをクリック可能 別のページからのリンクでも指定の場所までスムーズスクロールします MIT License 動作確認ブラウザ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 関連エントリ
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
JavaScriptによるアコーディオン メニュー - 高密度商業地域
ウェブサイト（ホームページ）、ブログの左側・右側にメニューを表示するのは、よく見かけるウェブデザインの１つです。 しかし、そのメニュー部分が非常に長くなってしまうと、ページが縦に長くなってしまい、結果、自分のサイトを訪れてくれる方にとって見づらいものとなることがあります。 その縦長のメニューを解決する方法として、JavaScriptによる「アコーディオン メニュー」を紹介します。 １つは非常にシンプルで軽いアコーディオンメニュー、もう一つはAjaxライブラリの prototype.js と Rico を利用したリッチなアコーディオンメニューです。 まずは、シンプルで軽いアコーディオンメニューです。 ⇒Simple Javascript Accordions ⇒サンプル（Simple Accordions） 本家サイトに圧縮ファイルがあるので、それをダウンロードし、ローカルマシンで動かしてみ
Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Weblog Prototype 1.7.3 The new bugfix release of Prototype features lots of tiny fixes and one giant change under the hood. A foundation for ambitious web applications. Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax an
jQuery File Tree Demo
Feel free to view the source code of this page to see how the file tree is being implemented. Back to the project page
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SimpleAPI - ウェブサイト・サムネイル化ツール
CSSで様々なアクセサリをつける装飾CSS＋ｊQuery*ホームページを作る人のネタ帳
Joyful Note + Lightbox2.0 - Sawa's Factory
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
CSSとJavaScriptで飾りつけする吹き出し風デザイン*ホームページを作る人のネタ帳
Lightboxスクリプトいろいろ - DesignWalker
jQuery リファレンス