css3 @font-faceを使ったWebフォントの使い方
css3webフォントには大きく分けて２種類の使い方があります。1つはGoogleFontのようにネット上にあるCDNを使うパターンです。今回は、もう1つの、「自身でフォントデータをサーバーにアップする」方法をやってみましょう。こちらの方法...
web-design
css3 JavaScript setIntervalを使ってタイマー処理を行う
JavaScriptsetInterval一定時間ごとに特定の処理を繰り返す、関数です。これを使いタイナー処理を行う事でリアルタイムに動く時計や一定時間で画像が変わるスライドショーなどを作る事が出来ます。ミリ秒javascriptでは秒数の...
JavaScript コピーライトの記述方法
webサイト制作JavaScriptフッター要素などにあるコピーライトの記述。サイトによって色々な書き方がありどう書いて良いか迷う所ですが、そもそもコピーライトの記述は絶対に必要なものでは無く、記述しようがしまいが、日本では著作物は法律でち...
JavaScript DOM (ドキュメント・オブジェクト・モデル)とは
JavaScriptDocument Object Model(DOM) は、HTML およびXMLドキュメントのためのAPIです。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。簡単に言い換えるとhtmlの各...
JavaScript DOMでのオブジェクトの使い方
JavaScriptWindowオブジェクトWindowオブジェクトは、ブラウザーが持っている情報をそのまま持っています。ブラウザーの様々な情報を確認・取得する事が出来ます。早速確認してみましょう。<script>console.log(w...
JavaScript 配列の使い方
JavaScript配列とは複数の値を入れる事が出来る箱の事です。今まで使っていた変数は1つにつき、1つの値しか入れる事が出来ず、新しい値を入れると上書きされてしまう、という特徴がありましたが、配列を使う事で同時に複数の値を収納出来るように...
JavaScript Math.randomの使い方
JavaScriptJavaScriptで乱数を取得したい場合には「random関数」を使います。覚えるメソッドMath.randomMath.random()は、0〜0.9999...(1未満)の間から、1つの数値をランダムで返すメソッド...
css3 CSS3によるアニメーション・animation
css3CSS3によるアニメーションは大きく分けて、トランジション（transition）とアニメーション（animation）の２つに別ける事が出来ます。CSS3におけるトランジション（transition）とアニメーション（animat...
JavaScript for文の多重ループ
JavaScriptfor文でのインクリメント/デクリメント演算子上記のインクリメント演算子を使って2から100まで2づつ増えていくfor文を作成しましょう。一つのfor文（ループ）の中に、さらにfor文を入れることができます。 もちろん入...
JavaScript Dateオブジェクトで時間の取得
JavaScript「 new Date()」を使う事で、現在の時間を取得することが出来ます。<script>var date = new Date();document.write(date);</script>実際に表示してみると「 n...