フロントエンド– category –
HTML、CSS、JavaScriptなどの備忘録
-
zxcvbnでパスワードの強度判定を行う
Webサービスなどでアカウント登録を行う際、自分が使おうとしているパスワードがどれぐらい安全かを判定して教えてくれる場合があります。 「zxcvbn」というDropbox社が... -
CSSサブグリッドを使って、カード内の要素の高さを揃える
LPや比較表などでカード型のリストをよく見かけますよね。カードごとにテキストの長さや画像の高さが異なっている際、これまではdisplay: flex;を駆使して、何とかカー... -
Popover APIを使ったポップオーバーUIの実装
Google Chromeなど一部のブラウザで、JavaScriptいらずでポップオーバーが実装できるようになったそうです！ 今回はPopover APIを使ったポップオーバーUIの実装を試して... -
ページローディングの実装2種（JavaScript、jQuery）
今回はトップページなどでよく見られる、ページローディングの実装を備忘録として残します。 【JavaScript ページローディング】 ネイティブのJavaScriptで動かすページ... -
ハンバーガーメニューの実装3種（JavaScript、jQuery、CSSオンリー）
今回はハンバーガーメニューです！アコーディオンパネル同様、こちらも条件付きでCSSオンリーでの実装ができそうなので試してみました。ネイティブのJavaScript、jQuery... -
アコーディオンパネルの実装3種（JavaScript、jQuery、CSSオンリー）
なにかと実装する機会の多いアコーディオンパネル。最近ではCSSだけでも実装できると聞いて試してみました。ネイティブのJavaScript、jQueryでの実装方法も備忘録として...
1