[B! jquery][jQuery] koki-hのブックマーク

jQT

jQT A Zepto/jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.

koki-h 2011/12/13

wabページをスマートフォン向けの見た目にしてくれるプラグインらしい。

jquery

リンク

jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w

koki-h 2011/05/05

jquery

リンク

jQueryを使って外部のhtmlを読み込むTips

jQueryを使ってヘッダ、フッタなど共通部分のhtmlを本体のページに読み込むカンタンTipsです共通で使いたいhtmlと、読み込む側のhtmlを用意する。共通部分にはheadタグとかbodyタグとかは不要です。ほんとに部分的に抜き出したhtmlだけを用意します。例えばヘッダ、フッタを共通にする場合は3つのファイルができることになります。 index.html　本体 header.html　ヘッダー footer.html　フッター jQueryを使うので、htmlの文字コードはUTF-8にしておきます。 jQueryをダウンロードするhttp://jquery.com/ 特に理由がなければ「Production」を使用します。 htmlでjQueryを呼び出し、共通htmlを読み込むまずjQueryを呼び出します。ふつーに。＜script type="text/javascri

koki-h 2010/12/23

共通するhtmlコードをjqueryで外部から読み込むようにする方法

jquery

リンク

jQuery基礎文法最速マスター[to-R]

jQuery基礎文法最速マスターはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

koki-h 2010/02/03

jquery

リンク

もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き）記事一覧 | gihyo.jp

第21回jQueryでAJAX入門：Google AJAX Feed APIを利用したRSSの読み込みとプラグインへの組み込み長谷川広武（はせがわひろむ；h2ham），徳田和規 2010-10-08 第20回jQueryでAJAX入門：正規表現でサイトに表示したTwitterにリンクをつける長谷川広武（はせがわひろむ；h2ham），徳田和規 2010-03-24

koki-h 2010/02/03

jquery

リンク

ポンクソフト

コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門（旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ）オリジナルソフトウェアその他未分類なモノ iOSアプ

koki-h 2009/09/29

わかりやすい入門

リンク

好きな色でCSS見出しが作れます | スタイルシート見出しメーカー

menuRibbon menuRibbonLight menuTab menuTabLight menuTabDouble menuTabDoubleLight menuLine menuLineLight menuLineLightW menuLineDouble menuLineDoubleLight menuLineDoubleLightW CSS .menuRibbon { margin:0 0 10px 0; padding:2px 8px; background:#029EBC; color:#EBF7FA; line-height:140%; font-weight:bold; } .menuRibbonLight { margin:0 0 10px 0; padding:2px 8px; background:#80CEDD; color:#017589; line-hei

koki-h 2009/07/09

css
jquery

リンク

スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」:phpspot開発日誌

qTip - The jQuery tooltip plugin - Documentation - (Current beta: 1.0.0-beta1) スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」。またまた便利そうなツールチップが出てきました。 $('p').qtip({ .... }); のように呼び出すだけで、簡単にツールチップが埋め込めます。ツールチップの表示タイミングも、show, hide オプションで指定するだけで簡単に変更可能です。 $('p#test').qtip({ content: 'hi! i am tooltip', show: 'mouseover', hide: 'mouseout' }); 吹き出しの位置も、qtip メソッドのオプションとして指定してあげれば簡単に設定可能。カラーリングも自由自在。何より、

koki-h 2009/03/16

jquery

リンク

これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」:phpspot開発日誌

これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 2009年03月12日- jQuery Context Menu Plugin これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」。ちょっと前までだと独自の右クリックメニューを作るのはすごく大変でした。特にクロスブラウザで動作することなんかを考慮すると本当に大変でした。が、このライブラリを使えば簡単に実装できてしまいます。特定のエレメント上のみに右クリックメニューを設定できるという、柔軟なつくりになっています。どのアイテム上でクリックしたかっていうのがイベントハンドラで受けられるところも汎用的になっていていいです。このライブラリ１つとってみても、jQueryを使う意味が出てきそうです。 jQueryは本当にデフ

koki-h 2009/03/12

右クリックメニューの実装

リンク

[JS]オルトを利用して、画像にキャプションをかっこよく表示するスクリプト -Captify

画像のオルトを利用して、画像の上にオーバーレイでキャプションを表示するスクリプト「Captify」を紹介します。 Captify demo デモでは、画像にマウスオーバーすると、下側からキャプションがスライドしてオーバーレイで表示されます。オプションでは、キャプションの表示位置（上・下）、表示のスピード、不透明度、表示方法（フェード・スライド・常設）、クラス名などが変更できます。キャプションはデザインを適用したものを表示することも可能で、下記のようにdiv要素を使用することもできます。

koki-h 2009/03/02

リンク

QUnit

The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.

koki-h 2009/02/14

テスティングフレームワーク

リンク

0日目：jQueryプラグイン作成の基礎知識 (1/2)

この記事は「【短期集中連載】この冬作ろう！ jQueryプラグイン講座」のウォーミングアップ編です→[連載インデックス]へ数あるJavaScript／Ajaxライブラリの中でも2008年、もっとも勢いがあったのが「jQuery」だ。jQueryは従来の“Webアプリケーション”のプログラマーだけでなく、コーダーやデザイナーといった“Webサイト”の作り手からも広く支持を集めた。そのjQueryの特徴の1つである「プラグイン」の作成方法について本連載では解説する。簡単なプラグインを1日1本、実際に作っていく6日間の集中講座だ。ぜひこの冬休みを利用して、楽しみながらjQueryプラグインを作ってみよう。そもそも「jQuery」ってなんだ？「jQuery（ジェイクエリー）」は代表的なAjax/JavaScriptライブラリの1つです。jQueryの特徴としては「少ないプログラムコードで、

koki-h 2008/12/30

jquery

リンク

これは便利だ！Excel→Table化するjQueryプラグイン

Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.

koki-h 2008/12/18

CSVファイルを読み込んでTableに変換して出力するライブラリ

リンク

jQueryを良くする25のTIPS

jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。

koki-h 2008/12/18

参考になるけど、JSクラスのところの訳が間違ってる。これはJavascriptがonのときに閲覧できなくするTips。

リンク

[JS]打ち出し画像をフラッシュのようにダイナミックに切り替えるスクリプト -s3Slider

s3Sliderは、打ち出し画像をフラッシュのようにダイナミックに切り替え、レイヤーをスムーズにスライド表示するスクリプトです。 s3Slider demo スライドするレイヤーは、左右・上下から表示することができ、四方向を一緒にすることもできます。オプションで表示のタイミングを変更することができます。 <textarea name="code" class="html" cols="60" rows="5"> $(document).ready(function(){ $('#s3slider').s3Slider({ timeOut: 4000 }); }); </textarea>

koki-h 2008/11/27

flashみたいなスライド画像をつくれる

リンク

jParallax - webdev.stephband.info

France Italy Greece Ireland Turkey Athens to Istanbul Return to Joigny Tanzania Czech Republic Tahiti Switzerland Germany WWII Reunion Medit erranean Cruise Athens to Venice Budapest to Bucharest Cuba Brussels to Amsterdam Costa Rica Myths & Tips Useful Links Photo Albums All who wander are not lost! Why this site This site describes как стать Мидл Python-разработчиком, пройдя курс на Девман, и the

koki-h 2008/11/19

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

koki-h 2008/11/18

jquery

リンク

[JS]シンプルなjQueryのプラグインが揃っている -Aquaron | コリス

Aquaronは、ナビゲーション、フロートしたエレメントの操作、クッキー・文字列の操作、エレメントの装飾などのシンプルなjQueryのプラグインを配布しているサイトです。

koki-h 2008/11/03

リンク

画像の大きさをウィンドウ幅に合わせて変更するjavascript「autoscale」

twitter facebook hatena google pocket リキッドレイアウトではウィンドウによって、エラスティックレイアウトではフォントによってデザインが変更されます。このようなレイアウトを採用している場合画像の幅が微妙になることがあるかもしれません。 autoscaleはウィンドウ幅に合わせて画像の幅も自動に変更されます。 sponsors 使用方法 autoscaleからjquery.autoscale.jsをjQueryからjquery.js（v1.2.1）をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.autoscale.js" type="text/javasc