ul、liタグでリストを書く際に list-style-type を※にする方法。 CSS 以前はもう少しCSSが必要だった気がしたが、だいぶ少なく出来た。

WordPressのテーマでメニューを作るとやたらとclassがついたものが出力される。必要なもの以外は省きたいので最小限の出力にする。 通常の状態では以下のよ…

オーバーレイでモーダル等を表示する際に、ページ全体がスクロールできないようにbody要素に oveflow: hidden; を適用するとスクロールバーがなくな…

Webサイトを作っているとテキストの改行位置をコントロールしたいときがある。 スマホにあわせて細かく改行を入れるとPCで見たときにバランスが悪くなったり、PCに…

Webサイトを作るときのハンバーガーメニュー。これをベースに手を入れたりしている。一応メニュー数が増えてもスクロールで表示されるようにしている。 パソコンとスマ…

TwitterやFacebookなどにURLを投稿したときに表示されるOGPは、1URLに1つしか設定出来ない。そのため、#を使ったページ内リンクには個別のOG…

YouTubeチャンネルの最新動画をWebサイトに表示したい時がある。昔は簡単に出来た気がするが、制限が出来たりして手軽にはできなくなった。 方法1.YouTu…

近年のWebサイトはSNSでの拡散は大切なはず。なので、SNSにサイトのURLが投稿された時は、なるべく目立つように表示したい。 そんな時は、以下ののmetaタ…