ミニ折れ線グラフ
Result See the Pen Micrographs by kachibito (@kachibito) on CodePen. jQueryを使ったミニ折れ線グラフです。コードは長いのでCodepenでご参照...
JavaScript - append()
mailtoリンクのクリックでクリップボードにコピーする
Result See the Pen Copy mailto: email to clipboard by kachibito (@kachibito) on CodePen. mailtoリンクをクリックすると、...
表示されている画像を任意の画像に変更する
Result 画像をクリックすると別の任意の画像を選択出来るようになります。 jQuery html via jquery-imgedit
編集できるtableと、その入力値に連動した簡易的なグラフ
Result 編集はcontenteditable属性を使っています。 動作サンプルなのですべてのセルは編集可能となっていますので、コンテンツに応じて便宜変更してください jQuery css html ...
スクロールに応じて背景画像を徐々にblurさせる
Result jQuery css html via Zoom and Blur background Image
リストを任意のカラム数に分ける
Result 普通のリストを任意のカラム数で分けます。現在は3カラムに分けられています。 var num_cols = 3,の数値を変更すれば設定したカラム数に分けられます。 マークアップには変更を加えず処理出来るので覚えてお...
code、pre内のコードを別窓でtextareaに表示させる
Result SyntaxHighlighterによく付いてるやつ。 これ自体需要は少なそうだけど応用すれば一般向けに使えそうです。 jQuery html via via:
指定した文字数以上になったらそれ以降のテキストを省略する
Result 大量の文字数がありますが、省略されています jQuery HTML via Limit string length/trim text with jQuery
アップロードするファイルの名前、サイズ、コンテンツタイプを取得する
Result 選択したファイルの名前、サイズ、コンテンツタイプをリストにしてアップロード前に表示します。inputにmultiple入れてますので複数選択も可能です。 jQuery html via Stack O...
HTMLをCanvasにして画像としてダウンロードできるようにする
Result See the Pen beGPjj by kachibito (@kachibito) on CodePen. スニペットとは言えませんが・・ｗ html2canvasとjQueryを使ってCanvas化、ダウンロ...
テキストをツートンカラーにする
Result jQuery css html via Is it possible to apply CSS to half of a character?