javascriptを使ってサイトのスクロール位置によってCSSを変更させる方法

ホームページをスクロールしたらボタンなどが出てくるサイトなどをよく見かけるようになりましたが、そのようなボタンは少しjavascriptを付け加えるだけで設置す…

GutenbergのエディタにCSSを適用するための一番簡単なカスタマイズ方法

Gutenbergの出力結果と同じようにエディタ側もCSSを適用したい所。しかし、このエディタの特性上全く見た目が同じようにするのは大変です。そこで、ブロック単…

Gutenbergが出力するHTMLとCSSとについてまとめてみた

WordPressに新しくGutenbergと言うエディタが登場しました。これからWordpressの投稿画面はこのエディタに切り替わっていくと言うことですので…

レスポンシブデザイン対応・Flexboxを使ったグローバルメニューを作ってみる

レスポンシブデザインでサイトを作る場合、PCだと普通に横並びのヘッダメニュー、スマホで表示する場合はハンバーガーメニューにする場合が多いと思います。 とはいえ、…

レスポンシブデザインって何?

その昔。「ホームページを見るためにパソコン買いました」なんて話が出たりしていたものですが、現在ではお手元のスマホでも自由にホームページを見ることが出来るようにな…