JS でデバイス判定して viewport 設定

スマホでは width=device-width  を指定し、それ以外ではwidth=1200（最低表示させたいサイズ）を指定 [crayon-5bc6293ef17da153243942/] コ...

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-5bc6293ef2825866665122/] ※ 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　お母ちゃん

RaspberryPi サーバ & WordPress ブログ を XSERVER に サーバ移転

先日の北海道地震の停電で、ラズパイ自宅サーバで運用しているこのブログも数日間ダウンしてしまいました。 「そのうちドメイン取得してレンタルサーバに移行しようか〜」とは考えていましたが、これを機に移行を...

Raspberry Pi 　2018.9.26　お母ちゃん

セレクトボックスで表示切り替え

セレクトボックスで要素の表示をフェード切り替え 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 　2018.8.21　お母ちゃん

WordPress のカスタムフィールドをグループ化して復数追加可能にする（ Custom Field Suite プラグイン）

ショップサイトを作りました。 https://homemadegarbage.com/shop/ 作成するにあたって、記事に以下ののように情報を登録していきたいと思い、 調べてみたら Custo...

WordPress 　2018.5.1　お母ちゃん

Nginx + uWSGI で「おもしろまじめなAIスピーカーアプリをつくろう」（秀和システム）のサンプルプログラムを動かす

先日お父ちゃんの依頼でサーバでPythonを動かせるようにしたのだけど、 https://homemadegarbage.com/nginx-uwsgi こちらの本のサンプルプログラムを動かそうと...

Web 　2018.1.23　お母ちゃん

Raspberry Pi & Nginx サーバに uWSGI の追加

お父ちゃんから「サーバでPythonを動かしたい」との依頼があったので、 Raspberry Pi で運用中の Nginxサーバに uWSGIをインストールしました。 久々にupdate [c...

Raspberry Pi 　2018.1.22　お母ちゃん