雑記

サイクリング~相模湖へ紅葉を見に行く~(2019/12/08)

健康のため、70kmほど走ってきました。 高尾山麓も登山客で賑わっていました。 相模湖大垂水峠の紅葉
備忘録

borderで作るカスタムCheckbox

ポイント TABでフォーカスできるようにinput要素はdisplay:none;にはしない。 間接セレクタ(~)を使用することで、input要素がcheckdになった時のCSSを兄弟セレクタに当てる。 サンプルコード :...
備忘録

ヘッダー固定のレイアウトテンプレート

ポイント ヘッダー自体にheightをもたせることで、mainをヘッダーに隠れないように表示できる。 body に、height: 100%;をもたせることで、web viewを100%とする。 headerにflex-shr...
備忘録

擬似クラス、擬似要素まとめ

シンプルセレクタ ダイナミック擬似クラス(リンク擬似クラス) :link リンク先に未アクセスの要素 :visited リンク先にアクセス済要素 ダイナミック擬似クラス(ユーザアクション擬似クラス) :hover カーソルを重...
備忘録

Nuxt+typescriptでドラッグイベントを試す

デモページ GitHub
備忘録

【React】vueのv-htmlに該当するもの

dangerouslySetInnerHTMLを使用する
備忘録

【React】dotenvメモ

インストール yarn add dotenv envファイルへの記法 REACT_APP_を接頭辞につける。 例:REACT_APP_API_KEY=hogehogehoge1234567890 環境変数の呼び出し dotenvをimpor...
備忘録

【React】PropTypesのメモ

import文 import PropTypes from 'prop-types' 型の指定 PropTypes.number :数値 PropTypes.string :文字列 PropTypes.array :配...
備忘録

nuxtでvue2-highchartsを使って折れ線グラフを描写してみた

nuxtでvue2-highchartsを使って折れ線グラフを描写してみた vue2-highchartsはhighchartsをvue2.xで使用できるようにしたライブラリです。 作成したグラフページとGitHub 作成したグラフ...
備忘録

iPadなどのタブレットでのheight(vh)が
PCブラウザとずれる現象の対策

結論 CSSStyleDeclaration.setProperty()を使用してvhを再定義する 原因 タブレットなどではvhの高さにメニューバーの高さも含まれてしまうため。 参考 CSSStyleDeclaration.setPrope...
タイトルとURLをコピーしました