ブログ

「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

こんにちは！今日はスライダーを作れるJSライブラリ「Swiper」を使って、プラグインを使わずにWordPressにスライダーを実装してみました。 WordPressにスライダーを表示させるプラグインは数あるのですが、な … Read more

こんにちは！今日から8月ですが、今年は例年に比べるとやや涼しいような気がしますね。今日はスクロールに合わせて要素をふわっと表示させたり、動かしたりする方法についてメモしておきます。animate.cssとScrolla. … Read more

こんにちは！ 今日はお仕事の関係で、WordPressのフォトギャラリープラグインを色々と探して「Meow Gallery」というプラグインを見つけたのでご紹介します。 Sample Gallery 　 写真従来の縦横比 … Read more