display:gridはあまり使ったことが無かったのですが、改めて使ってみたら楽しかった。痒いところに手がとどいでいい感じですね。個人的にflexより好き。複雑なレイアウトやテーブルを簡単に表現できそう。 See th…

ブラウザ画面いっぱいに広がるスライドショーです。結構楽しかった。 以前のエントリ「ブラウザ幅いっぱい広がるビジュアル」ではloadされた時とresizeされた時にブラウザ縦幅を取ってきていましたが、今回はloadのみ。読…

クリックすると中身が出てくるアコーディオンボタン。可変すると周知するために最初の一つは開けています。一応開いた状態の要素に.activeをつけています。 See the Pen 171004 by M.Ueda (@ne…

UIを意識したくて作ったやつ。メニューをスライドさせる動きとclassを付けるのをjQueryで行っています。 ハンバーガーメニューは以前作ったこちらを使いました。CSSだけで作るハンバーガーメニュー 縦にメニューが出て…

今更ですがcssだけでハンバーガーメニューを作ります。widthとheightがあらかじめわかっていれば簡単です。transform:translateYを使ったのは、active時の動作のためです。 html CSS …

wp_get_archivesで使えるオプションオプションは&で区切って指定できます。 type 文字列表示するアーカイブリストの種類。初期値はmonthly(月別)・yearly (年別)・monthly (月…

ローカルで作ったwordpressサイトを本番環境に移動するときの手順とか。 wordpressサイトをローカル環境で作成し、本番環境にアップするときにドメイン置換をしなければなりません。※ドメイン置換をしないとリダイレ…

先日相棒のmacbookpro2011 15inch earlyが突然お亡くなりになりまして、急遽購入に至りました。 新型のmacbookpro2017 15inchとかなり迷いましたが結局値段面で圧勝のiMac購入。 …