HTML / CSS / JavaScript
form の input text に文字列を追加してから submit する
項目自体には文字を追加したくなかったので、 隠し項目を追加し、 submit の onclick で 文字列を追加する形で対応。 [crayon-5c69a92d98efe334874787/]...
HTML / CSS / JavaScript 2019.2.15 お母ちゃん
WordPress:コメントの項目名をjQueryで変更
コメント の項目に「任意」を追加するのに、WP側の修正は少し面倒そうだったので jQueryで変更しました。 「コメント」以外に(任意)を追加する [crayon-5c69a92d9931b2...
HTML / CSS / JavaScript / WordPress 2018.11.6 お母ちゃん
JS でデバイス判定して viewport 設定
スマホでは width=device-width を指定し、それ以外ではwidth=1200(最低表示させたいサイズ)を指定 [crayon-5c69a92d994af741388284/] コ...
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-5c69a92d997b8655899433/] ※ 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 お母ちゃん
固定ヘッダのアンカーズレ対応
1. [crayon-5c69a92d99c4f804765582/] 2. [crayon-5c69a92d99c51774059268/] 1でうまくいかなかったページで、...
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-5c69a92d99fd5464384527/] のコマンドが [cra...
HTML / CSS / JavaScript / PC / スマホ 2017.11.12 お母ちゃん
動的追加要素の読み込み完了後にイベント追加
jQuery によって追加された iframe 読み込み完了後にイベントを登録したいけど、タイミングによってまちまちだったので下記の形で対応。 [crayon-5c69a92d9a1ef514691...
HTML / CSS / JavaScript / Web 2017.10.30 お母ちゃん
wordpress 投稿画面にカスタムボタン追加(プラグインなし): Nginx キャッシュ削除ボタン
キャッシュの削除をコマンドでやっていたけど、面倒なので wordpress の投稿画面に付けたいと思い立ち、勉強がてら自前でやってみました。 コマンド実行用PHP サーバの任意の場所にphpファイ...
HTML / CSS / JavaScript / Web / WordPress 2017.10.29 お母ちゃん
innerText の 空判定が出来ない → textContent で取得する必要あり
こうゆう文を書いてて [crayon-5c69a92d9a4c5047636511/] innerText が空でも「空以外」で判定されてしまった。 .textContent で取得したらちゃん...
HTML / CSS / JavaScript / Web 2017.10.27 お母ちゃん
Instagram API + Slider Pro で インスタグラムの最新フィードをスライダー表示
HPのサイドバーにインスタグラムのカルーセルを埋め込みました。→ PHP [crayon-5c69a92d9a630488299152/] jQuery [crayon-5c69a92d9a6...
HTML / CSS / JavaScript / Web 2017.6.26 お母ちゃん
jQuery : 背景画像のクロスフェード (プラグイン無し)
プラグイン無しでやる、メモメモ???????? See the Pen xdZKBr by HomeMadeGarbage (@hmg) on CodePen. CodePen 楽しい!(初め...
HTML / CSS / JavaScript 2017.4.19 お母ちゃん