CSS 【CSS】Gridを使ったアコーディオン
CSSのgridを使ったアコーディオンの実装方法について解説します。ポイントは、親要素にgridの設定、子要素にoveflowの設定をつけることです。
HTML
CSS CSS 【CSS】input[type=”file”]をCSSだけでカスタマイズする
JSを使わずにCSSだけでファイルアップロードのinputタグをカスタマイズする方法です。display: noneを使うとドラック&ドロップが効かなくなってしまうので、opacity: 0でインプットを非表示にします。
HTML 【Rails】meta-tagsを使ってogやtwitterのtitleを動的に変える方法
Gem meta-tagsでogやtwitter用のmetaタグを設定する場合、デフォルトの内容をベタ書きしてしまうとページごとの設定が反映されません。そんな時は:titleのようなオプションを使用すると反映されます。当記事ではこの設定方法を解説します。