要素をhoverしたときに、色が変わるリンクなどがあります。これをスマートフォンなどのタッチデバイスで実行すると、「タップ後に違う要素がタップされるまでそのスタイルが反映され続ける」など、意図しない動きになってしまうこと […]

岡山県のデニムスーツ専門ブランド「inBlue」のシミュレーターサイトを公開しました。 世界初デニムスーツ専門ブランド｜inBlue　ECサイト このWebサイトでは生地の色が選べるだけではなく、シミュレーターで上で選択 […]

主催している「機械学習名古屋」で、新たな勉強会を公開しました。 ChatGPTのAPIを使ったハンズオン – connpass 勉強会の内容は、話題のChatGPTのAPIを使ったハンズオン！ 「ChatGP […]

これまで3回にわたり、position: stickyでどんなことができるかを紹介しました。 CSS｜ヘッダー固定やフッター固定も簡単！パララックス風もできるposition: stickyとは？① CSS｜ヘッダー固定 […]

iOSでの送信ボタンのデザインを変更して実機で確認した際、デザインが指定したとおりに表示されません。 これは、ブラウザーが表示を整える機能がデフォルトであるためです。 機能を無効にする場合は、以下のCSSを追加してくださ […]

ShopifyでカートにCookie情報を持たせる方法を紹介します。 Cookieを追加したいページのリキッドファイルの最下部に以下のコードを追記します。   document.cookie = "my_custom_c […]

AndoroidのChromeやiOSのSafariには自動拡大機能があり、テキストが読みにくいと判断されると自動で大きいフォントサイズで表示されます。 今回は、その機能を無効化する方法を紹介します。 設定は簡単です。 […]

前回position: stickyでパララックス風の動きを実装しました。今回はヘッダーやフッターを固定する方法をお伝えします。 初めにposition: stickyがどんな動きをするか知りたい方はこちらの記事もご覧く […]