よくあるタイル型レイアウトで、hoverした時に説明文が出てくるCSSとHTML。 コーポレートサイトのトップページなどでよく見る。 ■HTML <div class="container"> <div class="items"> 1 <span class="items__info">説明文</span> </div> <div class="items"> 2 <span class="items__info">説明文</span> </div> <div class="items"> 3 <span class="items__info">説明文</span> </div> </div>

グリッドレイアウトのLP案件を担当したのでこれを機に手を出してみた。 グリッドレイアウトの基本 大まかな流れ 親にdisplay: grid;を設定 親に縦横の比率、grid間のスペースを設定する 子要素で、最小単位より大きくしたいときは追加で設定する 具体的な設…

症状 Firefoxでのみ、JavaScriptからprependしているvideoタグが自動再生されない。 原因 videoタグ自体の不具合でなく、自動再生の関数内で変数がundefinedになる。 自動再生処理がload終了後にちゃんと走っていなかった。 処理順序は以下 ready内でvideoタ…

振り返りと変化 このブログは自分用のメモと成長記録が主目的なので、定期的に目標の振り返りをしている。 2019年の目標はこちら。 英語 - 簡単な日常会話ができるようになる + 観たい映画を字幕なしで鑑賞できるようになる プログラミング - jQueryを極める…

前回、Wordpressでresister_post_typeを設定する内容を扱った。 カスタム投稿の一覧表示を作る - ナム山この方法ならば、追加したい固定ページの登録内容がずらっと並ぶわけだが、似たようなオプションを書き連ねるのがスマートでないと感じた場合はオプショ…

Wordpressでカスタム投稿をよく利用するが、久しぶりに触った時にアーカイブ作成するのに手間取ったので備忘録。いい機会なのでリファレンスを再確認した。 具体的にはアーカイブを有効にして、アイキャッチを投稿できるようにしたい。参考：https://wpdocs.…