コンテンツの要素量が少ない時にbodyの高さをブラウザの高さまで伸ばしてくれるjavascriptです。

ブラウザの下に追従するものが付いている場合がありますが、そういうものがあった場合にfooter要素に追従する要素の高さ分padding-bottomをとるjavascriptです。

作ったスクロールエフェクトを集めました。スクロールすると要素が出現します。 スクロール値によってjsでクラス’is_visible’をつけています。そのあとのアニメーションはすべてcssです。  …

WordPress Popular Postsをカスタマイズする機会があったので。かなりカスタマイズできて面白いです。うちのブログでもやりたいです。 こちらのサイトさんを参考にさせていただきました。人気記事を表示する「W…

備忘のためにメモ。固定ページによってスタイルを分けたい時に便利。 PHP

SP用の横から出てくるナビゲーションを作成しました。今回は練習のためにjQueryなしで作りました。一応jQueryで書いた時も載せています。クラスと要素の追加・削除処理のみjsで行い、残りは全てcss。ハンバーガーメニ…

アラート用のモーダルウィンドウを作りました。一定時間だけモーダルを表示させます。表示中にモーダル以外の箇所をクリックした場合はモーダルが非表示になります。 デモページ html css js(jQuery) 解説 クリッ…

justify-content:space-betweenがうまく効かない時は justify-contentはflexboxのコンテナの配分を定義するプロパティ。 私がよく使うのはspace-between。最初と最後…