アニメーションしながら選択肢を絞り込むソート機能
- 2019.05.06
- javascript+css
- javascript, 脱jQuery
カテゴリーの絞込みを、アニメーションを加えて表現しています。 カテゴリを選択すると、一旦全部がアニメーションしながら消え、選択されたカテゴリのものだけがアニメー […]
ホンダユキオ
Bracketsのプラグインでminify化してくれないjavascriptの書き方
- 2019.04.24
- javascript
僕はエディタにBracketsを使用しており、javascriptを保存すると自動的に改行の削除などをしてminify化してくれるプラグインを入れています。 j […]
css圧縮時にエラーになる書き方
- 2019.04.06
- css
ウェブサイトのファイルサイズを少しでも小さくするために、cssやjsを圧縮するようにしています。 僕はエディターにBrackets を使っていて、cssやjsの […]
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 つくったもの
- 加速度センサー
まずはデモをご覧ください。振ると画面の色が変わります。 デモ スマホでご確認ください。加速度センサーのついているスマホでないとうまく再現されません。iPhone […]
記事全体の読んだ分量を示すバーをつくる
- 2019.03.21
- javascript+css つくったもの
- 脱jQuery
最近メディアサイトなどでよく見かけて、ユーザービリティ的にいいなあと思ったのでつくってみました。まずはデモをご確認ください。 デモ 考え方 記事部分の高さを取得 […]