HomeMadeGarbage Loading

Web

ホーム
電子工作
Raspberry Pi
IOT
音楽
Home > Web > ページ 7

WooCommerce:Stripe の設定・注文テスト

WordPress + WooCommerce で音楽販売サイトを作成しました。 [bc url="https://welno.homemadegarbage.com/"] WordPress + WooCommerce で デジタルコンテンツ販売のECサイトを作成 今回は Stripe の設...

WordPress 2018.11.2 お母ちゃん

WordPress & WooCommerce で 音楽販売サイトを作成

WordPress & WooCommerce で音楽販売サイトを作成しました。 [bc url="https://welno.homemadegarbage.com/"] WooCommerce について プラグインは WooCommerce にしました。 販売するコンテンツはデジ...

WordPress / 音楽 2018.10.30 お母ちゃん

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

スマホでは width=device-width  を指定し、それ以外ではwidth=1200(最低表示させたいサイズ)を指定 <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') >...

Web 2018.10.9 お母ちゃん

HTML と CSS だけでラジオボタンの画像選択 & 選択状態

font-awesome で アイコン選択にしてみた。 See the Pen ラジオボタンの画像選択 & 選択状態をCSSだけで実装 by HomeMadeGarbage (@hmg) on CodePen. 切り替わるテキストは position: fixed; で指...

Web 2018.10.3 お母ちゃん

レスポンシブサイトのスマホ表示で左右に動いてしまうときの対処法

はみ出しているコンテンツは何もないのに右側に謎の余白が出来て左右に動いてしまうときの対処法 @media screen and (max-width: 749px) { html,body { overflow-x: hidden; } } ※ max-width: 7...

Web 2018.9.30 お母ちゃん

動画背景の上に、動画の再生位置に合わせて画像・テキストを表示する

動画背景の再生位置に合わせて画像やテキスト表示する See the Pen QZwjzw by HomeMadeGarbage (@hmg) on CodePen. timeupdate , currentTime timeupdate、currentTime で再生位置を取得し表示を切り...

Web 2018.9.29 お母ちゃん

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

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

Raspberry Pi / Web / WordPress 2018.9.26 お母ちゃん

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

セレクトボックスで要素の表示をフェード切り替え See the Pen ZMKLJj by HomeMadeGarbage (@hmg) on CodePen....

Web 2018.9.5 お母ちゃん

横幅いっぱいmp4のレスポンシブ背景(キービジュアルなど)

video タグだと Chrome で動かなかったので video.js を使いました。 video.js Video.js: The Player Framework  CDNを利用する場合 head  <link href="https://vjs.zencdn.net...

Web 2018.8.21 お母ちゃん

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

ショップサイトを作りました。 https://homemadegarbage.com/shop/ 作成するにあたって、記事に以下ののように情報を登録していきたいと思い、 調べてみたら Custom Field Suite というプラグインが無料でカスタムフィールドグループの入れ子が可能だったの...

WordPress 2018.5.1 お母ちゃん

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

先日お父ちゃんの依頼でサーバでPythonを動かせるようにしたのだけど、 https://homemadegarbage.com/nginx-uwsgi こちらの本のサンプルプログラムを動かそうとしたところ 再び Internal Server Error になってしまった。 [amazonj...

Web 2018.1.23 お母ちゃん

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

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

Raspberry Pi / Web 2018.1.22 お母ちゃん

固定ヘッダのアンカーズレ対応

1. var pageHash = location.hash if(pageHash) { let _h = $('header').innerHeight(); var position = $(pageHash).offset().top - _h ; ...

Web 2017.12.4 お母ちゃん

canvas に 縦横いっぱい&センタリングで画像を貼り付け

background-size:cover; と同じように、 縦横比を保持 表示領域いっぱい 中央寄せ 表示 See the Pen canvasに画像貼り付け by HomeMadeGarbage (@hmg) on CodePen. さんすうムズカシー...

Web 2017.11.16 お母ちゃん

PhoneGap を Android 実機でデバッグ

エミュレータ環境を作成したけど、エミュレータでも動作するのにやはりAndroid 実機では動かない…。 PhoneGap build からではなく、$ phonegap run android で試してみてもだめだった。 実機で動かす方法はこちらの記事を参考にさせて頂きました。 Cordova...

PC / スマホ / Web 2017.11.13 お母ちゃん