検索アイコンからローディングにアニメーション遷移
Result See the Pen Search loading by kachibito (@kachibito) on CodePen. 検索アイコンから時計アイコン（ローディング）に遷移する、みたいなやつです JSというよ...
JavaScript - on()
見出しを固定してスクロール分の割合を%とプログレスバーで明示
Result jQuery 見出しの固定はJSではなくCSSのposition: sticky;が使われています html via Sticky Title/Page Progress Bar
複数inputに入力された数字の合計を表示する
Result jQuery 複数inputに入力された数値の合算を出します。 簡易的な見積もりとかデータを扱う時に使えそうでしょうか html via jQuery: Calculate Sum Of a...
スクロールに応じて背景画像を徐々にblurさせる
Result jQuery css html via Zoom and Blur background Image
Wikipedia内を検索する
Result Wikipedia内を検索、その場に表示 jQuery html via Wikipedia Viewer
画像の上で右クリック出来ないようにする
Result つい最近の案件で相談されたので、まだこういうの需要あるかもと思って書きました。 画像のみ、右クリックを防止しています。あんまり期待する効果は得られないとは思いますが・・画像を保護する目的なら最低でも透かしは必ず入れたほ...
Webページをフルスクリーン表示にするボタンを設置する
Result ボタンを押せばフルスクリーン表示になりますが、上記はiframeで表示していますのでここで押してもフルスクリーンにならないようです。このあたりはWeb developer guide | MDNの「フルスクリーンの要...
アップロードするファイルの名前、サイズ、コンテンツタイプを取得する
Result 選択したファイルの名前、サイズ、コンテンツタイプをリストにしてアップロード前に表示します。inputにmultiple入れてますので複数選択も可能です。 jQuery html via Stack O...
HTMLをCanvasにして画像としてダウンロードできるようにする
Result See the Pen beGPjj by kachibito (@kachibito) on CodePen. スニペットとは言えませんが・・ｗ html2canvasとjQueryを使ってCanvas化、ダウンロ...
li要素をクリックでハイライトする
Result li要素をクリックでハイライトする。1つの情報が多いリストの可視性を高めたり等、他にも応用できそう。このままのコードだとネストされたリストは子要素も全てハイライトするので入れ子に対応するには少し工夫が必要になります。 ...