ホームページのことを中心にためになるかもしれないことをいろいろと書いています。 ホームページ制作のことからSEOや広告、マーケティングの話まで思いついたことを語っています。 大阪のホームページ制作YCOMトップ ホームページ運営ブログ 自宅もちょっと作業がしやすい環境になってきて、休日でもブログを書けるようになってきました。 休日は仕事しないって決めてるんだけど、ちょっと空いた時間とかにこうやってブログ書けるのが良い。 iOSではbackground-attachment:fixed;が効かない！？ ちょっとおしゃれなホームページを作ってくれと言われたら、 簡単にできるものとして背景固定のパララックス風のページデザインがあります。 こんなやつです。 Frankie's Sports Bar & Grill よくあるこんな感じの背景を固定して前面の要素だけが動くようなデザインですね。 シンプ

ログインフォームやアラートなどでよく見るモーダルウィンドウ（ダイアログ、フローティングウィンドウ）は、一般的に HTML と CSS、加えて Javascript を使います。実装にあたってこれ以上スクリプトを増やしたくなかったので、HTML5 と CSS3 のみで組んだサンプルです。 リデザイン前のブログテーマに組み込んでいた「HTML5 と CSS3 でドロワーメニュー」と構造は同じで、ラジオボタンを使っています。 See the Pen Modal box with Pure CSS by Ogura (@ogrmzk) on CodePen. サンプルコード<section class="myModal"> <input id="myModal_open" type="radio" name="myModal_switch" /> <label for="myModal_open"

ストライブ柄とステッチ風のかわいい？シェアボタンを作ってみました。ガーリーデザインなブログカスタマイズにぜひどうぞ。 このシェアボタンは過去にこのブログで公開したシェアボタンのHTMLと同じですので、CSSを変更するだけで着せ替え出来ます。レスポンシブデザイン対応。 blog.minimal-green.com こんな感じのデザイン FontAwesomeの呼び出し 記事上か下に貼り付けるHTMLコード デザインCSS 参考リンク こんな感じのデザイン FontAwesomeの呼び出し headに貼り付けて下さい。既にどこかに記述済みの場合は必要ありません。管理画面→設定→詳細設定→「headに要素を追加に」以下のコード記述。 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.c

&topicpath() #image(https://img.atwikiimg.com/www65.atwiki.jp/kokkai_publicviewing/attach/45/49/maxresdefault%20%281%29.jpg) **PCの再生音を、そのまま文字起こししよう。Googleドキュメントを利用して、自動文字起こし！ Googleアカウント、GoogleChrome、簡単なPC設定、で、パソコンで再生される音声が、自動的にテキストファイルに仕上がります。 実際の自動文字起こしの様子は、こちらの動画をご覧ください。 &youtube(https://www.youtube.com/watch?v=hOm7ahPX6FA){960,540} 音声認識ができないと自動入力が止まってしまいますが、約1時間20分の自動文字起こしの間に、自動入力を再開させるために必要だっ