第19回 jQueryでAJAX入門：JSONを使いサイトにTwitterを表示 | gihyo.jp
jQueryでAJAX入門2回目：JSON形式を扱う 前回はXML形式のRSSをAJAXで取得してリストで表示させました。今回はXMLではなく、JSON（ジェイソン）と呼ばれる形式を扱い、同じようにリストを表示させてみることにします。今回ご紹介するJSON形式も、前回紹介のXML形式同様jQueryで取得・表示をさせることができます JSON？ JSONはJavaScript Object Notationの略で、JavaScriptで簡単に扱えるテキストベースのデータフォーマットです。たとえば下記のような構造になっています。 JSONサンプル [ { "name": "技評太郎", "age" : 26, "skills":["PHP" , "JavaScript"] }, { "name": "長谷川広武", "age":25, "skills":["HTML" , "CSS"] },
jQuery1.4の新機能を1.4だけに14個 - KAYAC engineers' blog
時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5
エントリに脚注を入れる場合に超便利な「jQuery Footnotes」:phpspot開発日誌
jQuery Footnotes | PlanetHolt.com エントリに脚注を入れる場合に超便利な「jQuery Footnotes」。 脚注（きゃくちゅう）とは、ご存知、(※1) とかであとで詳しく補足したりするもののことですが、これをルールにのっとったHTMLとして書いておくことで自動で脚注を作成してくれます。 生成した脚注の例は次のようなもので、[1] とか [2] とかなっていて後ほど説明がはいってます。 このライブラリを使わずにやってしまうと、1と2の間に入れる場合とかに結構厄介なことになったりしそうですが、番号を自動でライブラリが振ってくれるので、ルールに沿って脚注をHTMLとして書いていくだけでOKです。 例えば、<span class="footnote">説明です</span> とか、<blockquote title="説明です２"> とか書いておくだけでOKなの
Top 50 jQuery Gallery & Image Sliders for 2020 - 1stWebDesigner
Since usually the best galleries are created in jQuery, we’ve mainly focused on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been organized into five main categories so you can easy switch to your preferred section. Before we start, we wanted to tell you that it’s up to you to go for a free or premium solution for your jQuery gallery or slider. Your We
Setting cookies with jQuery | The Electric Toolbox Blog
There is an updated version that does not require jQuery, which is available here: https://github.com/js-cookie/js-cookie The syntax is different from that described in this post, although the Github page includes code to allow for backward compatibility. Set a cookieSetting a cookie with jQuery is as simple as this, where a cookie is created called "example" with a value of "foo": $.cookie("examp
Plugins | jQuery Plugins
This extension creates a singleton query string object for quick and readable query string modification and creation. This plugin provides a simple way of taking a page's query string and creating a modified version of this with little code. Example var url = location.search; > "?action=view§ion=info&id=123&debug&testy[]=true&testy[]=false&testy[]" var section = $.query.get('section'); > "info
RedLine Magazine : jQueryでボックスを上下左右中央に簡単配置
jQueryでボックスを上下左右中央に簡単配置 ボックスを上下左右の中央に配置したレイアウトにしたい時の話。もちろんjQueryというかjavascriptを使わなくてもCSSだけでそんな風にしたい場合なんかのやり方もあるのだけれど。そんな場合はCSS HappyLifeさんのこちらの記事がオススメです。 >>ボックスを上下左右画面中央に｜CSS HappyLife 今回はjQuery Center pluginを使ってみる 先述の通り、CSSでもこうすればできるといった手法がいろいろあるわけだけど、jQueryのプラグインで秒殺できますよーというプラグイン「jQuery Center plugin」を使ってみます。 >>Plugins | jQuery Plugins ※プラグインなので当然jQuery本体も必要になります。 jQuery本体はこちら辺りからダウンロード。 親に対して、上
コンテンツにエフェクトを掛けるjQueryプラグイン10個 - かちびと.net
個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。 Opacity to Show Focus / デモ Color Changing Text an
jQuery flips plugin
PAGE 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in c
もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き）：第8回 タブプラグインを作ってみよう（後編） ｜gihyo.jp … 技術評論社
前回つくったタブパネルスクリプトをもとにして、タブプラグインを作ってみましょう。プラグインを作る、というと何か難しいことのように聞こえるかもしれません。前回作ったタブパネルスクリプトのように、なにも難しいことはありません。まずはプラグインについて少し考えてみましょう。 jQueryプラグインについて 前回の始めに言及したように、プラグインとは、既に完成しているJavaScriptファイルを読み込み、実行するだけで簡単に利用できるものを指すことにします。 例えば、jQueryプラグインは通常以下のようにして実行できるようになっていると思います。 プラグイン（メソッド）の実行 jQuery(function(){ $('div.tabArea').tabPanel(); // 対象のjQueryオブジェトに対してメソッドを実行する }); $('div.tabArea')に対して、tabPan
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
「吹き出し」をツールチップとして実装するjsいろいろ
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
jQueryで作るランダム表示・ローテーションするコンテンツ – creamu
css globeで、jQueryで作るランダム表示・ローテーションするコンテンツの作り方が紹介されています。 デモは以下から。 リロードごとにランダム表示 ランダムローテーション どちらもJavaScriptは短くてシンプルになっていますね。 一度見てみてください。 Simple Way to Random Display or Rotate Content Using JavaScript and CSS そろそろ雨が降るみたいですね。移動するぞ。
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
ポンクソフト
コンテンツ 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アプ
簡単なjQueryのタブ切替サンプル | latup - 熊本でホームページ制作をしている人のメモ
2009年 5月 4日 (月) / PM 11:06 ホームページ制作でタブやアコーディオンなどを設置する事があるのですが、そういうケースではjQueryが便利です。 昨日の簡単なアコーディオン処理のサンプルに続いて簡単なタブ切替処理のサンプルを作ってみました。 以下、サンプルの解説。 今回もjQueryはGoogleからもらい、jQueryの処理は外部ファイルとしてまとめます。 全体は実際のサンプルページのHTMLソースを参考して下さい。 <div id="tab"> <ul id="nav"> <li>タブ１</li> <li>タブ２</li> <li>タブ３</li> <li>タブ４</li> <li>タブ５</li> </ul> <div>タブ１の内容物</div> <div>タブ２の内容物</div> <div>タブ３の内容物</div> <div>タブ４の内容物</div
タブ切替表示をCSSとjQueryで行う | エムティシステム
タブによる項目表示の切り替えは、作り方が記載されたサイトは沢山見つかるが、ここではタブ用の画像を利用して、CSSとjQuery(JavaScriptライブラリ)で行なった方法を説明したいと思う。なお、jQueryには「jQuery UI/Tabs」でタブ機能が提供されており、簡単に実現できる。以下が作成例である。 ミヤマキンバイ ミヤマキンバイ（深山金梅 学名:Potentilla matsumurae）はバラ科キジムシロ属の多年草。 特徴 分布域は本州中部以北・北海道・千島列島・サハリン・済州島。亜高山帯～高山帯の砂礫地、草地に生育する高山植物。高さは10～20cm。花期は7～8月、黄色い直径2cmほどの5弁花を咲かせる。 出典: フリー百科事典『ウィキペディア（Wikipedia）』 キバナシャクナゲ シャクナゲ （石楠花、石南花） は、ツツジ科ツツジ属シャクナゲ亜属の低木
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
http://www.designwalker.com/2009/08/wp-jquery.html