Web制作 Yu Gothic UIで一部の記号が重なって見える ウェブサイトのフォントにYu Gothic UIが適用されてしまっている場合、Microsoft Edge環境では「」、【】、『』などの記号同士や、・と「」が組み合わさった場合に文字同士が重なって見えることがあります。 2024.07.18 Web制作フォント
Web制作 拡張子が.ppkの秘密鍵をMacでSSH接続できるように.pemに変換する Mac環境でこの鍵を用いてSSH接続するためには、OpenSSH形式に変換して利用しなければいけません。homebrewでputtygenをインストールして、拡張子が.pemのOpenSSH形式に変換します。 2024.07.18 Web制作便利ツール環境設定
Web制作 【Swiper】ズームしながらフェードで切り替わるスライダーを実装する JavaScriptライブラリ「Swiper」を使って、ズームしながらフェードで切り替わるスライダーを実装します。 2024.04.09 Web制作
Web制作 【MW WP Form】ラジオボタンの選択内容によって送信先メールアドレスを変える WordPressのプラグイン「MW WP Form」を使用したフォームで、選択内容によって送信先メールアドレスを振り分ける方法です。 2024.04.09 Web制作フォーム
Web制作 .htaccessでリダイレクトをかける際、アンカーリンクの#がエンコードされてしまう #はエンコードされてしまうので、そのままだと正しい位置にリダイレクトできません。エンコードを避けるには、書き換えるルールにNEフラグを追加します。 2024.04.08 Web制作
Web制作 【SASS】文字列を置換する SASSで文字列の置換をしたい場合、SASSには文字列の置換に関する関数が存在しないため次のような関数を自分で定義して代用します。 2024.02.09 Web制作
Web制作 【CSS】モーダルウインドウ実装時に後ろの要素がスクロールするのを防ぐ (スクロール連鎖防止) モーダルウインドウなどposition: fixedでスクロール可能な要素を固定して配置した場合、要素の下部の境界に到達するとブラウザは次にbody要素をスクロールし始めてしまいます。 「overscroll-behavior」にcontainまたはnoneを指定することで、スクロール連鎖を止める事ができます。 2023.10.30 Web制作
Web制作 JavaScriptでスクロールを監視するならIntersection Observerが便利 Intersection Observerは、特定の領域を監視して、監視対象の要素がその領域に交差したかどうかを検知します。デフォルトでは、viewport(見えている範囲)とある要素が交差した場合に、何かを実行します。 2023.10.30 Web制作
Web制作 SNS(ソーシャルメディア)公式ロゴアイコン配布ページまとめ いちいち探すのが面倒なのでよく使うものだけをまとめました。使用にあたっては事前にガイドラインをご確認ください。 2023.09.17 Web制作