My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

jQuery

2014/12/28 jQueryのプラグイン「DataTables」を使ってみた

DataTables とは、HTMLテーブルをとっても高機能にしてくれる jQueryのプラグインたとえば、以下のような機能がとっても簡単に実装できます。 テーブルヘッダにソート機能を付け、列ソートができます。 フィルター機能で、検索がとっても簡単にできます。 1…

2014/09/10 RSSフィードをサイトに実装する

RSSフィードを簡単にサイトに表示するには Google Feed APIを使って、簡単にRSSフィードをサイトに表示する方法Google Feed APIを使うと、簡単にRSSフィードをサイトに表示することができると知りました。 試しに、自身のブログサイトからfeed用URLを取得し…

2014/09/05 本日のWeb道 学習メモ

【本日のWeb制作 学習メモ】 MACを使いこなす(ファンクション編) jQueryを使ったWebページ制作 mysql 文字化け対応 1. MACを使いこなす(ファンクション編)WindowsからMACを使うようになって困ったことWindowsでは普通に使えていた入力変換ができない!?…

4/23 [jQuery]タブパネル

[jQuery] タブパネル 【演習】所定サイトのデモプログラムを修正・実装する手順:1.「jquery.com」にアクセスhttp://jquery.com/ 2.「jQueryUI」タブ(画面)を選択http://jqueryui.com/ 3.「Tabs」を選択http://jqueryui.com/tabs/ 4.jQueryの以下所定配布…

4/18 [jQuery] Slider

jQuery(Slider) jQuery(Slider) Sliderプラグインを利用する 【演習】EasySlider 【準備】 以下サイトより、「Easy Slider 1.7」をダウンロード Numeric Navigation jQuery Slider http://cssglobe.com/easy-slider-17-numeric-navigation-jquery-slider…

4/17 [jQuery] toggle()メソッド / LightBox(プラグイン)

jQuery toggle()メソッド 【演習】toggle()メソッド 演習1. ボタンをクリックする都度表示画像が変化する以下のような画面を作成します。 ① ② ③ ④ この演習のポイント a要素となっている画像をクリックした場合、通常href属性に設定されたリンク先にジャンプ…

4/15 [jQuery]クリックイベント・HTML/CSSを操作する

[jQuery]クリックイベントを扱う [jQuery]HTML/CSSを操作する [jQuery]クリックイベントを扱う 【演習】クリックイベントでアラート表示 課題:下図ボックスをクリックすると「クリックされました」というダイアログボックスが表示されるようにプログラムを…

4/14 [jQuery] 記述練習 (セレクタ) / クロスフェード

[jQuery] 記述練習 クロスフェード 使用テキスト: Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)posted with amazlet西畑一馬(著) アスキー・メディアワークス Amazon.co.jpで詳細を見る同内容掲載のサイトはこちらです。↓ http:/…