-
zxcvbnでパスワードの強度判定を行う
Webサービスなどでアカウント登録を行う際、自分が使おうとしているパスワードがどれぐらい安全かを判定して教えてくれる場合があります。 「zxcvbn」というDropbox社が... -
CSSサブグリッドを使って、カード内の要素の高さを揃える
LPや比較表などでカード型のリストをよく見かけますよね。カードごとにテキストの長さや画像の高さが異なっている際、これまではdisplay: flex;を駆使して、何とかカー... -
ConoHa WINGでBasic認証を設定していると、無料独自SSL（Let’s Encrypt）が自動更新されないことがある
WebサイトをHTTPS化する際、無料SSL証明書のLet's Encryptがよく用いられると思います。今回、その証明書の自動更新設定でトラブルがあったため、解消方法を記事として... -
Popover APIを使ったポップオーバーUIの実装
Google Chromeなど一部のブラウザで、JavaScriptいらずでポップオーバーが実装できるようになったそうです！ 今回はPopover APIを使ったポップオーバーUIの実装を試して... -
ページローディングの実装2種（JavaScript、jQuery）
今回はトップページなどでよく見られる、ページローディングの実装を備忘録として残します。 JavaScript ページローディング ネイティブのJavaScriptで動かすページロー... -
ハンバーガーメニューの実装3種（JavaScript、jQuery、CSSオンリー）
今回はハンバーガーメニューです！アコーディオンパネル同様、こちらも条件付きでCSSオンリーでの実装ができそうなので試してみました。ネイティブのJavaScript、jQuery... -
GitHub Copilot 基本の4つの機能を紹介
GitHub Copilot、すごく便利ですよね。備忘録として基本的な使い方をまとめたいと思います。 導入 GitHubアカウント作成から、VisualStudioCodeで動かせるようにするま... -
アコーディオンパネルの実装3種（JavaScript、jQuery、CSSオンリー）
なにかと実装する機会の多いアコーディオンパネル。最近ではCSSだけでも実装できると聞いて試してみました。ネイティブのJavaScript、jQueryでの実装方法も備忘録として...
1