javascriptとcssでつくるシンプルなフェードイン・フェードアウトのスライダー
- 2020.05.31
- css javascript javascript+css
デモはこちら。 ソースコード html css javascript ソース説明 画像は position で同じ位置に重ねて、opacity: 0; で非表示 […]
javascript+css
1/2ページ
【カラーミーショップカスタマイズ】おすすめ商品をランダムで3件表示する
- 2019.07.28
- Color me shopカスタマイズ javascript+css
Color me shop のテンプレートのカスタマイズ方法をご紹介します。 「おすすめ」に登録したものからランダムで3件表示する方法です。 人気の有料テンプレ […]
アニメーションしながら選択肢を絞り込むソート機能
- 2019.05.06
- javascript+css
- javascript, 脱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 つくったもの
- 加速度センサー
まずはデモをご覧ください。振ると画面の色が変わります。 デモ スマホでご確認ください。加速度センサーのついているスマホでないとうまく再現されません。iPhone […]
記事全体の読んだ分量を示すバーをつくる
- 2019.03.21
- javascript+css つくったもの
- 脱jQuery
最近メディアサイトなどでよく見かけて、ユーザービリティ的にいいなあと思ったのでつくってみました。まずはデモをご確認ください。 デモ 考え方 記事部分の高さを取得 […]