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"> <head...
WordPress

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

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

Atom | Material Iconsを使用する

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

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

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

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

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

HTMLからJavaScriptを呼び出す

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

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

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