前田慶次道中日記

オフ

突然ですが、前田慶次をご存知でしょうか？漫画「花の慶次-雲のかなたに-」が有名で、近年はパチンコ・パチスロで使われているらしく、知らない人でもCMで目にする機会はあったかと思います。なぜ突然前田慶次が出てきたかというと、タイトルにある通り、「…

2013-08-27

Webサイト制作におけるjQueryのプラグイン（設置）に関するまとめ

ｊQuery

先日、訓練におけるWebサイト制作の発表が終わったので、授業が次のステップに進む前に今回のWebサイト制作において用いたjQueryのプラグインについてまとめておく。私が用いた主なjQueryのプラグインは以下の３つ。 flexslider：画像の移り変わりの方法（フ…

2013-08-21

Webサイト制作におけるパンくずリストの書き方

HTML CSS

Webサイト制作におけるパンくずリストの書き方はいくつかあるが、ベターな書き方を習ったのでまとめておく。※パンくずリストとは：http://ja.wikipedia.org/wiki/%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88ポイントは以下の2点。ペ…

2013-08-18

Webサイト制作におけるjQueryの基本的なメソッド６ - wrap()とremove()

ｊQuery

今回はwrap()メソッドとremove()メソッドについて確認する。その前に、ここまでは既にHTML内にある要素を指定してそれを操作するという方法で確認等を行ってきたが、同じような書き方で、新しく要素を作って、それを操作するということができる。記述方法は…

2013-08-18

Webサイト制作におけるjQueryの基本的なメソッド５ - before()とafter()

ｊQuery

前回に引き続き、今回はbefore()メソッドとafter()メソッドについて確認する。 before()メソッド以下、挙動確認コード。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>before()メソッド</title> <style> body, div, p, li { margin: 10px; padding: 0; } #done { background: #0F0; } #dtwo { width: 200px; backgr</meta></head></html>…

2013-08-18

Webサイト制作におけるjQueryの基本的なメソッド４ - prepend()とprependTo()

ｊQuery

前回に引き続き、今回はprepend()メソッドとprependTo()メソッドについて確認する。機能の概要は既に（前回）書いたので割愛する。挿入される位置が異なる以外は、append()メソッドおよびappendTo()メソッドと同じ機能なので、前回の記事を見て頂いた人は特…

2013-08-18

Webサイト制作におけるjQueryの基本的なメソッド３ - append()とappendTo()

ｊQuery

今回からは、Webサイト制作のコーディングにおいて用いるjQueryの基本的なメソッドの中でも、要素の移動や挿入（追加）する機能をもつメソッドをまとめていく。要素を移動・挿入（追加）する機能をもつ基本的なメソッド append()メソッド：指定した要素内（…

2013-08-18

Webサイト制作におけるjQueryのメソッドの書き方あれこれ

ｊQuery

ここ数回に渡ってjQueryの基本的なメソッドについてまとめてきたが、正しい書き方（意図した通りに処理される書き方）がやや曖昧なので、一度確認しておく。以下、確認コード。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>メソッドの書き方あれこれ</title> <style> body, div, p, li { margin: 10px; padding: 0;</meta></head></html>…