2017-09-01から1ヶ月間の記事一覧
jQuery 独自のアニメーションを設定できるanimate height,top,opacityのように、数値で指定できるものは全てアニメーションに設定できる。 ※colorのように、数値以外で指定するものはアニメーションにはできない。 動きに設定できるのはlinear swingで設定す…
jQuery traversingを使ったタブパネル Traversingのメリット http://www.jquerystudy.info/reference/traversing/index.html トラバースを利用することで、イベントが発生した要素に関連した要素を操作する事ができます。ボタンが複数ある場合などは「this」…
サイト制作に使えるCSS3 Googleの検索で上位にしたいなら、テキストが大事。Googleが読んでくれるのはテキストだから、ヘッダー画像に文字も画像で入れてしまうと、いくらおしゃれにしてもGoogleにとっては意味がない。そこでcss3でテキストを装飾して画像に…
JavaScriptの型変換 Number() 数字以外を含む文字列を引数に指定するとNaNを返すので注意が必要。 parseInt() 文字列を整数に変換し、実数の場合は小数点以下を切り捨てる。 var num = prompt( '半角数字を入力してください' ); num = parseInt( num ); prom…
JavaScriptの型変換 Number() 数字以外を含む文字列を引数に指定するとNaNを返すので注意が必要。 parseInt() 文字列を整数に変換し、実数の場合は小数点以下を切り捨てる。 var num = prompt( '半角数字を入力してください' ); num = parseInt( num ); prom…
jQuery基礎 jQueryとは JavaScriptをより容易に記述するために設計された軽量なJavaScriptライブラリ。 jQueryの記述の仕方 <head>内の一番下にまずライブラリをリンクさせ、そのあと必要なものを記述する stylesheetのリンクがある場合は、stylesheetが必ず先！！</head>…
jQuery jQuery本体を使う方法 Google CDNからライブラリーを持ってくる jQueryのサイトからダウンロードして配置する CDN（Contents Delivery Network, CDN）とは、インターネット上にあるファイルのこと。GoogleフォントなどもCDN。 多くの人が使っているサ…
jQuery 復習 ★イベントが発生した要素を取得するthis attrはアトリビュート 属性のこと 属性とは、要素の中に含まれるもの pには属性はない imgの属性はsrcとalt二つある aはhrefが属性 下記の指示は、「四つあるうちのどれかのaをクリックしたら、imgのsrc…
レスポンシブデザイン フルードグリッドでのレスポンシブデザイン カラムのレスポンシブは、ブレイクポイントごとの幅に合わせてカラムの並び方を変えるやりかた フルードグリッドは、レスポンシブにしても元のデザインのまま小さくするやりかた ★「高さ÷親…
JavaScript 連想配列 JavaScriptではあまり使われないメソッドだが、データベースの考えで必要なため、 「こういうのがあるんだ」程度に覚えておく。（テスト範囲に出るのは配列のみ） ★記述例 <script> var favorites = { food:'カレー',//インデックス（キー）で指…
DOMでのオブジェクトの使い方 ★DOMとは HTMLやCSSに変更を加えずに、要素に命令をすることができる仕組み ドキュメント HTMLのこと オブジェクト HTMLの中の要素(p,h1..)及び要素の中(alt,テキスト) モデル DOMを通して、「オブジェクト指向」という、対象を…
Math.randomの使い方 Math.random()は、0〜0.9999...(1未満)の間から、1つの数値をランダムで返す。0は含むが、1は含まない。 ★Math.round Math.round()は、小数点以下を四捨五入する。整数を取得したい場合に利用。 ★Math.ceil Math.ceil()は、小数点以下を…
for文の応用 多重ループ 繰り返しのfor文に、ループを入れ子にしていくことが可能になる。 ★for文のかたち for ( var i = 1; i <= 3 ; i = i + 1 ){} ＝変数iは1で、3回までループ、そのたびに1ずつ足されていく ★多重ループ 親要素のループにはその都度子要…
