スクロールエフェクトいろいろ

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

WordPress Popular Postsをカスタマイズする

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

wordpressのスラッグ名を取得する

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

jQueryを使わないスマホ用横メニュー

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

一定時間だけ表示するモーダルウィンドウ

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

css [crayon-5ba2d50327ceb6…

flexboxのspace-betweenが効かない時の備忘録

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

  • コーダーのための計算機