HTML / CSS / JavaScript
[CSSメモ] ネガティブマージンが効かない時
ネガティブマージンを指定して親要素から両端をはみ出させたいのだけど、左ははみ出るが右だけ効かなくて少しはまった・・ 原因は要素に max-width: 100% が指定されていたこと。 そのため1...
HTML / CSS / JavaScript 2019.12.27 お母ちゃん 
WordPress で Advent Calendar を作ってみた
「ホームメイドガービッジもアドベントカレンダーをやりたい」というお父ちゃんの希望により、、 折角なので WordPress にプラグイン無しで、 ショートコードでアドベントカレンダーを表示出来る形...
Advent Calendar / HTML / CSS / JavaScript / WordPress 2019.12.1 お母ちゃん 
webpack メモ2：autoprefixer追加と、LAN内で閲覧可能に
https://homemadegarbage.com/webpack-memo 先日作った設定ファイルに、下記を追加しました ・LAN内で外のPCから見たい ・autoprefixerを追加し...
HTML / CSS / JavaScript 2019.11.27 お母ちゃん
webpack メモ
今までGulpを使っていたけど 初めて webpack を立ち上げてみたのでメモ。 とりあえず、下記のところまでは出来た。 ・webpackでsassをコンパイル、cssファイルに書き出す ・w...
HTML / CSS / JavaScript 2019.10.26 お母ちゃん
[Google Maps] JSエラー “initMap is not a function”
Google マップ のJSエラー対策メモ 対策 JSファイル内のグローバルスコープで、一旦 function initMap() {} を宣言する。 [crayon-5e85b9c02356...
HTML / CSS / JavaScript 2019.9.11 お母ちゃん
[css animation] フェードイン・フェードアウト の keyframes
css の animation で フェードイン・フェードアウト フェードイン See the Pen [css animation] フェードイン・フェードアウト の keyframes by...
HTML / CSS / JavaScript 2019.8.27 お母ちゃん
[JavaScript] 期間の重複チェック
期間Aと期間Bを比較して、重複があるかチェックするIFメモ [crayon-5e85b9c0239c1071109828/] 下記いずれかの条件に当てはまる 期間Aの開始日は、期間Bの範囲...
HTML / CSS / JavaScript 2019.8.21 お母ちゃん
on.(“click” で設定されたイベントを取得、処理を挿入し、再設定する
こちらの記事を参考にさせて頂きました。 Check! jQuery ですでに登録されているイベントを取得し、割込ませたりするメモ next が上手く動作出来なかったので下記の形で再設定しました。 ...
HTML / CSS / JavaScript 2019.8.16 お母ちゃん
form の input text に文字列を追加してから submit する
項目自体には文字を追加したくなかったので、 隠し項目を追加し、 submit の onclick で 文字列を追加する形で対応。 [crayon-5e85b9c024769474995328/]...
HTML / CSS / JavaScript 2019.2.15 お母ちゃん
WordPress：コメントの項目名をjQueryで変更
コメント の項目に「任意」を追加するのに、WP側の修正は少し面倒そうだったので jQueryで変更しました。 「コメント」以外に（任意）を追加する [crayon-5e85b9c024bfe0...
HTML / CSS / JavaScript / WordPress 2018.11.6 お母ちゃん
JS でデバイス判定して viewport 設定
スマホでは width=device-width を指定し、それ以外ではwidth=1200（最低表示させたいサイズ）を指定 [crayon-5e85b9c025054561083295/] コ...
HTML / CSS / JavaScript 2018.10.9 お母ちゃん
HTML と CSS だけでラジオボタンの画像選択 & 選択状態
font-awesome で アイコン選択にしてみた。 @media only screen and (max-width: 749px) { .cp_embed_wrapper ifra...
HTML / CSS / JavaScript 2018.10.3 お母ちゃん
レスポンシブサイトのスマホ表示で左右に動いてしまうときの対処法
はみ出しているコンテンツは何もないのに右側に謎の余白が出来て左右に動いてしまうときの対処法 [crayon-5e85b9c025d74150143547/] ※ max-width: 749px ...
HTML / CSS / JavaScript 2018.9.30 お母ちゃん
動画背景の上に、動画の再生位置に合わせて画像・テキストを表示する
動画背景の再生位置に合わせて画像やテキスト表示する See the Pen QZwjzw by HomeMadeGarbage (@hmg) on CodePen. timeupdate ,...
HTML / CSS / JavaScript 2018.9.29 お母ちゃん
セレクトボックスで表示切り替え
セレクトボックスで要素の表示をフェード切り替え See the Pen ZMKLJj by HomeMadeGarbage (@hmg) on CodePen. ...
HTML / CSS / JavaScript 2018.9.5 お母ちゃん
横幅いっぱいmp4のレスポンシブ背景（キービジュアルなど）
video タグだと Chrome で動かなかったので video.js を使いました。 video.js Video.js: The Player Framework CDNを利用...
HTML / CSS / JavaScript / Web 2018.8.21 お母ちゃん
固定ヘッダのアンカーズレ対応
１． [crayon-5e85b9c026ed0782004039/] ２． [crayon-5e85b9c026ed5217225206/] １でうまくいかなかったページで、...
HTML / CSS / JavaScript 2017.12.4 お母ちゃん
canvas に 縦横いっぱい＆センタリングで画像を貼り付け
background-size:cover; と同じように、 縦横比を保持 表示領域いっぱい 中央寄せ 表示 See the Pen canvasに画像貼り付け by Hom...
HTML / CSS / JavaScript 2017.11.16 お母ちゃん
PhoneGap を Android 実機でデバッグ
エミュレータ環境を作成したけど、エミュレータでも動作するのにやはりAndroid 実機では動かない…。 PhoneGap build からではなく、$ phonegap run android で試...
HTML / CSS / JavaScript / PC / スマホ / Web 2017.11.13 お母ちゃん
PhoneGap に Canvas2ImagePlugin インストール
メモ。 PhoneGap に Canvas2ImagePlugin をインストールしようとしたところ、 [crayon-5e85b9c027c42103012606/] のコマンドが [cra...
HTML / CSS / JavaScript / PC / スマホ 2017.11.12 お母ちゃん
