Unity Unity | WebGLをレスポンシブデザインに対応させる
UnityビルドのWebGLアプリケーションをレスポンシブデザインに対応させる記事です。 レスポンシブデザインとは複数の解像度が異なる画面に対して、レイアウト及びデザインを調整する事です。 また、アスペクト比の変化に対しても対応させる場合は...
CSS
Unity 
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 Cocoon | テーブル（表）のcssカスタマイズ
Cocoonで角丸テーブルのcssを作るメモです。 作成するもの 以下のようなテーブルを作ります。 見出し１見出し２見出し３見出し４要素１－１要素２－１要素３－１要素４－１要素１－２要素２－２要素３－２要素４－２ CSS cssコードは以下...
WordPress Googleカスタム検索のデザインをCSSで変更
Googleカスタム検索エンジンのデザインをCSSで変更します。
WordPress css | テキストを選択させない
対象の要素と、その子要素のテキストを選択不可にします。 構文 user-select: none; 例 部分的に選択できなくしたサンプルです。 選択できます。 選択できません。 HTML <div class="BB-container">...
WordPress css | 角丸が反映されない場合の対処
border-radiusが子要素に適用されていないため、角丸になりません。 対処方法 以下の一行を追加します。 overflow: hidden; overflow: hiddenによってボックスに収まりきらない部分が非表示になります。 ...
WordPress WordPress | ソースコードブロックをcssで装飾する
Highlighting Code BlockをCSSで装飾します。 装飾した結果 以下のコードで、以下のような結果になります。 .hcb_wrap { border-radius: 15px; box-shadow: 0 20px 50p...
WordPress Atomでブログ用のテーマ編集メモ
Atomを使用してHTML、CSSを編集しブログのテーマ編集をオフラインで行うためのメモです。 Atomのインストール 「Download」からAtomのダウンロードを行い、その後インストール 以下のサイトからAtomをダウンロード、インス...