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"> <head...
WordPress HTMLにスタイルシートを適用する
HTMLにスタイルシートを適用するメモです。基本ファイルを分ける枠外部のスタイルシート（css）を読み込みます。<link rel="stylesheet" href="style.css">例<!DOCTYPE html><html la...
WordPress Cocoon | テーブル（表）のcssカスタマイズ
Cocoonで角丸テーブルのcssを作るメモです。作成するもの以下のようなテーブルを作ります。見出し１見出し２見出し３見出し４要素１－１要素２－１要素３－１要素４－１要素１－２要素２－２要素３－２要素４－２CSScssコードは以下の様になり...
WordPress Googleカスタム検索のデザインをCSSで変更
Googleカスタム検索エンジンのデザインをCSSで変更します。
WordPress css | テキストを選択させない
対象の要素と、その子要素のテキストを選択不可にします。構文 user-select: none;例部分的に選択できなくしたサンプルです。 選択できます。 選択できません。 HTML<div class="BB-container"> <di...
WordPress css | 角丸が反映されない場合の対処
border-radiusが子要素に適用されていないため、角丸になりません。対処方法以下の一行を追加します。overflow: hidden;overflow: hiddenによってボックスに収まりきらない部分が非表示になります。参考
WordPress WordPress | ソースコードブロックをcssで装飾する
Highlighting Code BlockをCSSで装飾します。装飾した結果以下のコードで、以下のような結果になります。.hcb_wrap{ border-radius: 15px; box-shadow: 0 20px 50px rg...
WordPress Atomでブログ用のテーマ編集メモ
Atomを使用してHTML、CSSを編集しブログのテーマ編集をオフラインで行うためのメモです。Atomのインストール「Download」からAtomのダウンロードを行い、その後インストール以下のサイトからAtomをダウンロード、インストール...