HTML

Unity

Unity | WebGLをレスポンシブデザインに対応させる

UnityビルドのWebGLアプリケーションをレスポンシブデザインに対応させる記事です。 レスポンシブデザインとは複数の解像度が異なる画面に対して、レイアウト及びデザインを調整する事です。 また、アスペクト比の変化に対しても対応させる場合は...
JavaScript

JavaScript | ウインドウサイズの取得

javascriptでウインドウサイズを取得するサンプルです。 サンプルコード Windowのサイズを変更すると値が更新されます。 幅 : 高さ : HTML <!DOCTYPE html> <html lang="ja" dir="ltr...
WordPress

HTML要素の内容をJavaScriptから書き換える

HTMLの要素の内容(中身)をJavaScriptから変更するメモです。 作例 HTMLの数字部分をJavaScriptから変更したい。 5 HTML <!DOCTYPE html> <html lang="en" dir="ltr"> <...
WordPress

HTMLにスタイルシートを適用する

HTMLにスタイルシートを適用するメモです。 基本 ファイルを分ける 枠 外部のスタイルシート(css)を読み込みます。 <link rel="stylesheet" href="style.css"> 例 <!DOCTYPE html> ...
WordPress

Atom | Material Iconsを使用する

Material IconsをWordPress上で使用するメモです。 HTML GoogleWebフォント経由で使用する Webページ上で使用するには、HTMLに以下の一行を追加します。 <link href=" アイコンを取り付ける <...
WordPress

React練習(切り替わるボタン)

Reactの練習をします。 コレです。 山と川が切り替わるボタンです。 コード HTML <div id="like_button_container"></div> <script src=" crossorigin></script> ...
WordPress

css | テキストを選択させない

対象の要素と、その子要素のテキストを選択不可にします。 構文 user-select: none; 例 部分的に選択できなくしたサンプルです。 選択できます。 選択できません。 HTML <div class="BB-container">...
WordPress

HTMLからJavaScriptを呼び出す

HTMLからJavaScriptを呼び出す場合、<body>内の最後に以下の様に記述します。 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> ...
WordPress

Atomでブログ用のテーマ編集メモ

Atomを使用してHTML、CSSを編集しブログのテーマ編集をオフラインで行うためのメモです。 Atomのインストール 「Download」からAtomのダウンロードを行い、その後インストール 以下のサイトからAtomをダウンロード、インス...