2014-10-14から1日間の記事一覧
2014-11-26 HTML5とは HTML5 HTML5 HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている HTML 仕様 広義のHTML5 いままでより高度な機能をもつWebページ 特定のOSやブラウザに依存しない CSS3やECMAScript5を含む 狭義のHTM…
2014-11-24 可変レイアウトパターン：構造 RWD 可変レイアウトパターン Lサイズ：980px以上 Mサイズ：600px～979px以上 Sサイズ：599px以下 PICKUP STREAM HOME ABOUT CONTACT 1 AUG 海岸のデコレーション CATEGORY: 海と海岸と空 海岸には砂や貝殻しかない…
2014-11-23 レスポンシブWebデザインのレイアウトパターン RWD レスポンシブWebデザイン レスポンシブ・Webデザインとは、ブラウザーのウィンドウ幅に合わせてCSSでWebページのレイアウトを変更する手法のこと 技術的には「Media Queries（メディア・クエリ…
2014-11-22 densityに基づいたビューポート RWD density ディスプレイサイズや画像解像度が異なるデバイスにおいて、同じコンテンツが同じ大きさで見えるようにするため考えたれたもの 各デバイスでdpiに応じてdensityの幅が設定されます dpiはデバイスのデ…
2014-11-21 スマートフォンに対応したWebサイト制作：レスポンシブWebデザイン RWD スマートフォン＆タブレットの歴史 iPhoneの登場 初期のスマートフォンは、1990年代に登場 iPhoneに最適化したWebページ制作の誕生 Androidの登場 2008年にAndroidを搭載し…
2014-11-20 random関数 JavaScript 乱数 ランダムな数列 予測できない数列 <htmllang="ja"> <head> <metacharset="UTF-8"> <title>乱数</title> </head> <body> <h1>乱数</h1> <script> var num = Math.random(); document.write(num); </script> </body> </html> 乱数の発生 「random()」は、「0以上１未満の乱数を生成する」メソッド 「floor()」は、「小数点以下を切り捨…
2014-11-19 DOMでアニメーション JavaScript アニメーション 「アニメーション」とは、生命や魂を意味するラテン語の「ANIMA」を語源とする言葉 一般的に、本来静止している絵を生きてるかのように動かす技術 歴史的には、1830年代プラトーの作ったフェナキ…
2014-11-18 スタイルの変更とイベントと実行タイミング JavaScript スタイルを変更 要素に対してJavaScriptでCSSのスタイルを変更します 要素 . style . プロパティ = 値; 文字色 #myid {color: #ff0000;} document.getElementById( 'myid' ).style.color = …
