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

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

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

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

前回、CSSのposition: stickyの紹介をしました。今回は、CSSのposition: stickyを使用してパララックス風の動きを再現してみたいと思います！ まずはデモをご覧ください。 指定は簡単です。親要 […]

Podioの料金体系は、「FREE」「PLUS」「PREMIUM」の3つが用意されています。各プランの違いは次のとおりです。 FREEプラン 月額料金：無料 ユーザー数：5人まで アイテム作成数：制限あり ユーザー管理機 […]

今回は、CSSのposition: stickyを覚えればさまざまな場面で使えそうなので紹介します。 position: stickyとは stickyとは「粘着性がある」という意味があり、指定した要素を（ヘッダやナビゲ […]

今回は、transitionプロパティを使用して、要素をhoverした際の滑らかな切り替えを実装していきたいと思います。 transitionプロパティとは CSSが変化する際の要素の速度を指定できるプロパティです。 t […]