シンプルなタイマー機能のChrome拡張をつくってみた（簡単）
- 2020.05.16
- javascript つくったもの
- Chrome拡張
アイコンをクリックすると、タイマーが表示されるシンプルなChrome拡張をつくってみました。簡単です。
つくったもの
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
最近メディアサイトなどでよく見かけて、ユーザービリティ的にいいなあと思ったのでつくってみました。まずはデモをご確認ください。 デモ 考え方 記事部分の高さを取得 […]
javascriptとcssで作るカテゴリーソート機能
- 2019.02.23
- javascript+css つくったもの
- 脱jQuery
カテゴリーソート機能を、javascriptとcssを使い、jQueryなしで作りました。まずはデモをご覧ください。 デモ 概要 選択されたカテゴリーのものだけ […]
超簡単 javascriptとcssで作る簡易ローディング画面
- 2019.02.23
- javascript+css つくったもの
- 脱jQuery
簡易ローディング画面を、javascriptとcssで、jQueryなしでつくりました。 仕組は超簡単。 html ローディング時に見せる画面を<div […]