Saicron's リファレンス
Webデザイン
最終更新：
saicron
-
view
Webデザイン
目次
Resouce
- Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification - W3C
- W3Schools.com
- Full Web Building Tutorials
- SitePoint
- HTML, CSS, JavaScriptのリファレンス。
Webページの背景画像と背景
| + | CSS backgorundプロパティ… |
- 背景画像を中央に固定 (CSS)
- CSSでブログに影をつける（ドロップシャドウ） (CSS)
- CSSでブログに影をつける - ドロップシャドウ画像ファイルの作り方 (CSS)
- jQuery：マウスオーバーやクリックで背景画像を入れ替えてみる (jQuery)
- 指定した背景画像をx 秒毎に切り替えるjQueryプラグイン (jQuery)
画像
| + | 画像のポップアップ… |
| + | 画像の拡大… |
| + | 画像関連のレイアウト… |
| + | 画像にドロップシャドウ… |
| + | 画像のロールオーバー… |
- CSSスプライトで画像を円滑に表示させる (CSS)
レイアウト
| + | 左右寄せ、センタリング… |
スクロールバーを消す
| + | overflowプロパティ（CSS）… |
ページスクローラー
- お手軽に横スクロールさせるjQueryチュートリアル via：Smooth Vertical or Horizontal Page Scrolling with jQuery - skuare.net
- マウスウィールでも横スクロールするjavascript「horizontinyscrolling.js」 - skuare.net
タブ
- 知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 2007年04月19日 - GIGAZINE
- CSSとJavaScriptで実装するタブ型インターフェイス37選 -noupe 2008年2月22日 - Coliss
- 長～いページもスッキリ！jQueryでタブ表示 - ASCII.jp
- jQueryを使ったタブメニューの実装サンプルまとめ - 6am! Web Illusions
- CSS Tab Designer - OverZone Software (Generator)
- floating window with tabs - dhtmlgoodies.com
- tab panes - dhtmlgoodies.com
- Accessible, unobtrusive JavaScript tabs with jQuery - Klaus Hartl ? Stilburo (jQuery)
- Control.Tabs - LIVEPIPE (Prototype)
- Tab Content Script - Dynamic Drive
要素を移動する
- .animate - jQuery API - jQuery (jQuery)
- jQuery を使ったコンテンツ移動テスト (jQuery)
- animate（params, ［duration］, ［easing］, ［callback］） - jQuery日本語リファレンス (jQuery)
- jQueryの基本的な関数 animate() - CONFRAGE (jQuery)
- jQueryで要素を動かして印象的にする：via Crafting an Animated Postcard With jQuery - skuare.net (jQuery)
- Jquery animate - with custom paths (demo) (jQuery.path) (jQuery)
フレームアニメーション
- jAni - Background Image Animation (jQuery)
- Demo
- 一枚の画像をjQueryでアニメーションさせるプラグイン「jAni 」 (jAni) (jQuery)
- k-Meleonで動かない？
- javascriptでanimation (JavaScript)
- 使える！JavaScriptサンプルブック (JavaScript)
- アニメーション
ポップアップウィンドウ
- ThickBox 3.1
- jqModal
- 第8回 ドラッグ可能なポップアップウインドウを作ろう ? jQuery入門 - ポンク・ソフト
- ポップアップウィンドウ(リサイズ&ドラッグ) - JavaScript + Ajax 実践サンプル集 (1442本以上)
- http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_window - php & javascript room
tooltip (吹き出し)
- Fading JavaScript Tooltips 2kb (JavaScript)
- jQueryで動きのある吹き出しを設置してみた (jQuery)
- 任意の位置にふきだし表示できるjQueryプラグイン (qTip) (jQuery)
- 「吹き出し」をツールチップとして実装するjs いろいろ (jQuery)
- jQuery利用の軽量吹き出しJavaScript「tinyTips」 (tinyTips) (jQuery)
- 画像も可能。
ローディング アニメーション
- イメージをロード中にアニメーションGIFを表示する - JavaScript + Ajax 実践サンプル集 (1442本以上) (jQuery)
レンタルサーバーカスタマイズ
FC2
Resource
CSS
- Cascading Style Sheets - W3C
- CSS Information (CSSに関する日本語情報サイトです。W3Cから直接リンクされています。) (CSS)
- スタイルシート（CSS）辞典 - HTMLタグボード (CSS)
JavaScript
Prototype
- Prototype (Framework)
jQuery
- jQuery (Framework)
- jQuery UI
- ThemeRoller テンプレートをダウンロード
UIZE
- UIZE JavaScript Framework (Framework)
Google Hosting
- Google AJAX Libraries API - Google (Hosting)
チュートリアル & サンプルコード
- JavaScript Samples - skuare.net
- dhtmlgoodies.com (JavaScript)
- Dynamic Drive (JavaScript)
- jQuery 開発者向けメモ (jQuery)
- jQuery基礎文法最速マスター - to-R (jQuery)
- 40分で覚える！jQuery速習講座 - ASCII.jp (jQuery)
- jQuery入門 - BFace (jQuery)
- JavaScript + Ajax 実践サンプル集 (1416本以上) ◇編集して実行可能◇ - (jQuery)
Flash
- 開発ソフトウェア
Webツール
- ScriptSrc.net (GoogleにホスティングされているjQueryなどのタグをクリップボードにコピーする)
- Another HTML-lint gateway (HTML)
| + | and more… |
