CSSで画像をトリミング

画像をボックス内に目一杯配置する時ってバックグラウンドを使うのが無難と言う固定観念があった。 background-sizeでconainやらcoverを指定してと言う具合に。 ただマークアップ上やレイアウトの都合上、画像...

投稿にパスワード

簡単なパスワードを付けて欲しいと依頼があった。 「ならパスワード設定をすれば楽勝じゃん」と思いきや 予想と違った結果だったので備忘録。

WordPressとajax (２)

前回チェックボックスの値をajaxを使って単一の値を取得した。 今回は配列で送り、配列で返すのを試す。ここで重要なのが「JSON」。 意外と面倒な部分や知識不足もあり時間がかかったが、オレオレ式にまとめて...

WordPressとajax (１)

非同期で条件に合わせて値を変化させるなんて場合は「Ajax」を使う。 Wordpressにはそれ様の関数なんかもあるので、やり方さえ分かれば問題ない・・・はずだったが 久々に使うとスッカリ脳内消失なので、サンプ...

:rootでコードの煩雑化を防ぐ

CSSでJSの様に「変数」的に値を使えたら便利だと思いませんか？ あっちこっち同じ値を入れてあるコードなら、なおさらそう思うのが人情というもの。 それが１発で変更出来るので素敵です。

スクロールでヌルっと出るメニュー

結構頻度がある？かもしれないメニューの見せ方。 ワンカラムが多くなっている昨今、グローバルメニューを表示させるには使い勝手がいい。 久々にやったらまったく忘れていたので、jQueryなしでのコードだが残...

WordPressに独自のページを設置する

Wordpressには便利なプラグインがたくさんあるけれど、クライアントが使いやすく管理画面をカスタマイズしたい時にどうしても操作が複雑になってしまったり、ちょっとした設定が足りなかったりが出てくる。 なの...

スムーズスクロール

ほとんどのサイトに付けられているアレ。 jQueryを使って書くと簡単なんだけれど、あえてネイティブで書く方法を調べた。 単純なものであれば以外と簡単だったのでメモ。

投稿の公開日と更新日の表示

このサイトみたいな情報系の記事は古いと使えない場合もある。 判断材料として記事の公開日を表示するが、更新日も表示させてあげると「より親切」と感じた。 そこでこのサイトでも使用しているコードを公開。

レスポンシブでの画像の切り替えはpictureとsrcsetで

レスポンシブで得に「大きい画像」やデバイスごとの「画像切替」を使う時「JS」かCSSで「デバイスごとに表示、非表示」なんて考えるよりもpictureとimgの属性srcsetでもっとスマートに処理出来る。