アニメーションしながら選択肢を絞り込むソート機能
- 2019.05.06
- javascript+css
- javascript, 脱jQuery
カテゴリーの絞込みを、アニメーションを加えて表現しています。 カテゴリを選択すると、一旦全部がアニメーションしながら消え、選択されたカテゴリのものだけがアニメー […]
脱jQuery
1画面分ずつスクロールするコンテンツ
- 2019.04.06
- javascript+css つくったもの
- javascript, vanillaJS, 脱jQuery
1画面分ずつスクロールするコンテンツを作りました。jQuery使用せず、javascriptとcssで作りました。 トラックパッドだと慣性スクロールが効いて変な […]
javascriptとcssでつくる複合検索
- 2019.03.31
- javascript+css つくったもの
- vanillaJS, 脱jQuery
javascript と css で複合検索機能をつくりました。 デモでは、色と形という2種類の選択肢を用意。色・形の中からふたつ以上選択した場合はor検索、掛 […]
スクロールで要素が画面の中に入ったら横からスライドしてくるコンテンツ
- 2019.03.23
- javascript+css つくったもの
- 脱jQuery
javascript と css で実装しました。この間つくった スクロールで要素が画面の中に入ったらふわっとフェードインするコンテンツ の応用版です。 デモ […]
スクロールで要素が画面の中に入ったらふわっとフェードインするコンテンツ
- 2019.03.23
- javascript+css つくったもの
- 脱jQuery
javascript と css でつくりました。スクロールしていって、画面の中に入ったらフェードインで表示。戻していって画面から消えるときにフェードアウトで非 […]
マウスホイールで切り替わる全画面コンテンツをつくってみた
- 2019.03.22
- javascript+css つくったもの
- 脱jQuery
マウスホイールで切り替わる全画面表示のコンテンツをつくってみました。マウスホイールに反応して、次のページがフェードインしてくるようにしています。スマホの場合は上 […]
記事全体の読んだ分量を示すバーをつくる
- 2019.03.21
- javascript+css つくったもの
- 脱jQuery
最近メディアサイトなどでよく見かけて、ユーザービリティ的にいいなあと思ったのでつくってみました。まずはデモをご確認ください。 デモ 考え方 記事部分の高さを取得 […]
javascriptとcssで作るカテゴリーソート機能
- 2019.02.23
- javascript+css つくったもの
- 脱jQuery
カテゴリーソート機能を、javascriptとcssを使い、jQueryなしで作りました。まずはデモをご覧ください。 デモ 概要 選択されたカテゴリーのものだけ […]
超簡単 javascriptとcssで作る簡易ローディング画面
- 2019.02.23
- javascript+css つくったもの
- 脱jQuery
簡易ローディング画面を、javascriptとcssで、jQueryなしでつくりました。 仕組は超簡単。 html ローディング時に見せる画面を<div […]