jQueryの記事一覧

CSSで作る縦方向のスライドニュースティッカー。JSはアクティブ要素の切り替えだけ

縦方向にスライド表示するニュースティッカーの実装例。表示切り替えやアニメーションはすべてCSSで完結し、JavaScriptはアクティブ要素の切り替えにとどめたシンプルな構成です。お知らせ欄や通知エリアの制作時の参考にどうぞ。

selectやinputの入力順を制御｜住所入力・カテゴリ絞り込み等に活用

複数のセレクトボックスに対して、ユーザーが順番に入力するよう制御したい。そんなときに使える実装方法のご紹介。「大カテゴリ」「中カテゴリ」…といった条件絞り込みフォームや、「都道府県→市区町村→町名」のような段階的な住所入力欄などで活用できるテクニックです。

【CSS】inputに3桁カンマを表示しつつ、valueは数値のまま保持する方法

フォームの数値に3桁カンマを表示したい。でもinputのvalueは数値のまま保持したい。そんなときに使える、CSSとJSで実現する“擬似的なカンマ表示テクニック”をご紹介。視認性を高めつつ、ロジックへの影響を最小限に抑えます。

あのMagnific Popupに、昨年最新版がリリースされたって知ってた？

jQueryモーダルプラグインの老舗「Magnific Popup」が、実は昨年、8年ぶりにバージョンアップしていたようです。今後の保守方針や、公式が推奨するdialogタグへの移行について解説します。