javascript.webcreativepark.net
jQuery公式のテンプレートplugin 「jQuery Templates」-JavaScript Library Archive
http://javascript.webcreativepark.net/library/jquery_templates
配布元: jquery’s jquery-tmpl at master – GitHub. Script type="text/javascript" src="http:/ ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" /script script type="text/javascript" src="http:/ ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js" /script. Var movies = [ { Name: "The Red Violin", ReleaseYear: "1998" }, { Name: "Eyes Wide Shut", ReleaseYear: "1999" }, { Name: "The Inheritance", ReleaseYear: "1976" } ];. この場合 Name と ReleaseYear というプロパティを持つオブジェクトをmoviesという配列に保存しています。
css.webcreativepark.net
垂直中央の実装-CSS TIPS
http://css.webcreativepark.net/tips9
CSS TIPS with WebCreativePark. Div p 中央に表示 br /. Div{ width:200px; height:200px; background:#39FF6B; position:relative;. P{ position:absolute; top:50%; left:50%; margin-left:-2.5em; margin-top:-1em;. Div{ width:200px; height:200px; background:#39FF6B; position:relative; } p{ position:absolute; top:50%; left:50%; margin-left: -50px;.
css.webcreativepark.net
透過pngを表示する-CSS TIPS
http://css.webcreativepark.net/tips3
CSS TIPS with WebCreativePark. Divalpha{ width:100px; height:200px; background:url("alpha.png"); } * html div.alpha{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png',sizingMethod='scale'); background:none; }.
css.webcreativepark.net
IE6とIE7で検証する方法-CSS TIPS
http://css.webcreativepark.net/ie6-7
CSS TIPS with WebCreativePark. スタンドアローン版は browsers.evolt.org.
css.webcreativepark.net
画像置換でメニューを作る-CSS TIPS
http://css.webcreativepark.net/tips14
CSS TIPS with WebCreativePark. Ul li class="ajaBtn" a href="/ajax/" Ajax /a /li li class="amaBtn" a href="/amazon/" amazon /a /li li class="cssBtn" a href="/css/" css /a /li li class="htmBtn" a href="/html/" html /a /li /ul. クラス名ですがそれぞれに ajaxBtn や amazonBtn などの、長さの違うクラス名を設定すると、後々視覚的にとても見にくくなります。 また、 TopA TopB TopC や btn1 btn2 btn3 などの通し番号でクラス名を変えているサイトも良く見かけますが、並び順の変更があった場合に、ややこしくなるので止めておいた方がよいでしょう。 A:focus{ /* / overflow: hidden; /* / }.
css.webcreativepark.net
CSSのみで角丸を表現-CSS TIPS
http://css.webcreativepark.net/tips16
CSS TIPS with WebCreativePark. Div style="background:red;color:white" div style="background:white" div style="background:red; margin: 0 5px;height:1px;overflow: hidden;. Div div style="background:red; margin: 0 3px;height:1px;overflow: hidden;. Div div style="background:red; margin: 0 2px;height:1px;overflow: hidden;. Div div style="background:red; margin: 0 1px;height:2px;overflow: hidden;. Div div style="background:red; margin: 0 3px;height:1px;overflow: hidden;.
javascript.webcreativepark.net
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」-JavaScript Library Archive
http://javascript.webcreativepark.net/library/modernizr
ライセンス MIT & BSD licenses. Html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent". Box { border-bottom: 1px solid #666; border-right: 1px solid #777; } .boxshadow div.box { border: none; -webkit-box-shadow: #666 1px 1px 1px; -moz-box-shadow: #666 1px 1px 1px; box-shadow: #666 1px 1px 1px; }. IE6でhove...
javascript.webcreativepark.net
シンプルなカラーピッカー「the jQuery Color Picker」-JavaScript Library Archive
http://javascript.webcreativepark.net/library/colorpicker
シンプルなカラーピッカー the jQuery Color Picker. シンプルなカラーピッカー the jQuery Color Picker. 配布元 Download the jQuery Color Picker and the Demo. The jQuery Color Pickeはカラーピッカーを実装できる非常にシンプルなプラグインです。 Script src="js/jquery/jquery.js" type="text/javascript" /script script src="js/jquery/ifx.js" type="text/javascript" /script script src="js/jquery/idrop.js" type="text/javascript" /script script src="js/jquery/idrag.js" type="text/javascript" /script script src="js/jquery/iutil.js" type="text/javascript" /sc...
javascript.webcreativepark.net
色をアニメーションで変更する「jQuery Colorプラグイン」-JavaScript Library Archive
http://javascript.webcreativepark.net/library/jquery-color-plugin
JQuery本体とダウンロードしたjquery.color-2.1.1.jsを読み込むことで、色に関してアニメーション指定が可能になります。 D1")click(function(){ $(this).animate({ "backgroundColor":"#FFFFF" }); });. 直前:古いブラウザをhashchangeイベントに対応させる jQuery hashchange event. JQuery でCSVデータを簡単に取り扱える jQuery CSV. IPhone / iPadなどでposition: fixedが利用できる iScroll. 非常にきれいなアラートを表示する jQuery Alert Dialogs. スタイルシートを切り替えるjQueryプラグイン Switch stylesheets with jQuery. IE6でhover,active,focus擬似要素を使う為の csshover.
javascript.webcreativepark.net
iPhone / iPadなどでposition: fixedが利用できる「iScroll」-JavaScript Library Archive
http://javascript.webcreativepark.net/library/iscroll
IPhone / iPadなどでposition: fixedが利用できる iScroll. IPhone / iPadなどでposition: fixedが利用できる iScroll. IPhone / iPad、Androidなどに搭載されているmobile WebKitではCSSのposition: fixedが利用できませんが、iScrollを利用することでこれらのプロパティを利用したようにヘッダーやフッターの固定が可能になります。 Script src="iscroll.js" /script. Body header id="header" ヘッダー部分 /header div id="wrapper" div id="scroller" コンテンツ部分 /div /div footer id="footer" フッター部分 /footer /body. Wrapper { position:relative; z-index:1; width:100% ; overflow:hidden; }. JQuery でCSVデータを簡単に取り扱える jQuery CSV.