100vwで横スクロールバーが表示されてしまう問題を解決
「100vw」は「画面横幅いっぱい」を指定するcssの単位です。「100%」と似たような意味ですが、100%は「親要素」に対して100%となるのに対し、100vwは「画面サイズ」を指定できるので、たとえば「親要素の横幅が … Read more
「100vw」は「画面横幅いっぱい」を指定するcssの単位です。「100%」と似たような意味ですが、100%は「親要素」に対して100%となるのに対し、100vwは「画面サイズ」を指定できるので、たとえば「親要素の横幅が … Read more
検索フォームなどを置いた時に、ブラウザーのユーザーエージェントスタイルが適用されて、青い「✕」が表示されたり、「入力時に枠線が表示されたり」「キーワード候補(入力補完)」が表示されたりという細かいストレスを感じることがあ … Read more
こんにちは!先日他のWEBデザイナーさんと話している時に、「メガメニューの設定が無いテーマにメガメニューを入れる方法」が話題にのぼりました。「Max Mega Menu」というプラグインを使うとか、色々な話が出ていました … Read more
WEBのアニメーション効果などでは要素が画面に入った瞬間に効果を見せたいですよね。ページをスクロールして、特定の要素が画面に入ったら、その要素にclass「active」を付与する方法をメモしておきます。 以下のコードを … Read more
CSSの段組みレイアウトが簡単にできる「column」はとても便利ですが、「そこで段変えしないでほしい」という位置で段が変わってしまうことよくありますよね。columnの途中で、任意の位置で段を変えるためのプロパティーが … Read more
こんにちは!きょうも備忘録です。WEBページで、ある程度スクロールすると右側にふわっと出てくるサイドコントローラーとか、「TOPに戻るボタン」よく見かけますよね。今日はそれをWordPressで実装する方法をご紹介します … Read more
こんにちは!今日の暑さは今年一ぐらいのしんどさですね。 今日は待受イラストを追加してみました。 もしよろしければダウンロードしてお使いください! 花と小鳥のシリーズと言いながら、そういえばうちの屋号でもある「鳩とオリーブ … Read more
こんにちは!今日はスライダーを作れるJSライブラリ「Swiper」を使って、プラグインを使わずにWordPressにスライダーを実装してみました。 WordPressにスライダーを表示させるプラグインは数あるのですが、な … Read more
こんにちは!今日から8月ですが、今年は例年に比べるとやや涼しいような気がしますね。今日はスクロールに合わせて要素をふわっと表示させたり、動かしたりする方法についてメモしておきます。animate.cssとScrolla. … Read more
こんにちは! 今日はお仕事の関係で、WordPressのフォトギャラリープラグインを色々と探して「Meow Gallery」というプラグインを見つけたのでご紹介します。 Sample Gallery 写真従来の縦横比 … Read more