style01

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

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

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

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

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

SP用の横から出てくるナビゲーションを作成しました。 今回はjQuery入れなくても動きます。一応jQueryで書いた時も載せています。 クラスと要素の追加・削除処理のみjsで行い、残りは全てcss。ハンバーガーメニューの動き部分もcssです。クラス付け替えてるだけ。 デモページ HTML [cra…

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

css [crayon-5ba2d50327ceb6…

justify-content:space-betweenがうまく効かない時は justify-contentはflexboxのコンテナの配分を定義するプロパティ。 私がよく使うのはspace-between。最初と最後のアイテムを端に寄せ、あとは均等に配分してくれるとてもいい子。 でもたまにうまく…