JavaScript - append()

ミニ折れ線グラフ

Result See the Pen Micrographs by kachibito (@kachibito) on CodePen. jQueryを使ったミニ折れ線グラフです。コードは長いのでCodepenでご参照...

mailtoリンクのクリックでクリップボードにコピーする

Result See the Pen Copy mailto: email to clipboard by kachibito (@kachibito) on CodePen. mailtoリンクをクリックすると、...

表示されている画像を任意の画像に変更する

Result 画像をクリックすると別の任意の画像を選択出来るようになります。 jQuery html via jquery-imgedit
Ads

編集できる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. スニペットとは言えませんが・・w html2canvasとjQueryを使ってCanvas化、ダウンロ...

テキストをツートンカラーにする

Result jQuery css html via Is it possible to apply CSS to half of a character?

簡易的なSyntax Highlighterを実装する

シンプルなモーダルウィンドウ

マウスホバーでYoutube動画のサムネイルを連続表示させる

「タイピングしてる」っぽいテキストエフェクトを作る

HTML5と併用してアニメーションするプログレスバー

select要素内に年月日などの数字を自動生成する

QRコードを作成する

予め設定したテキストをランダム表示させる

チャットのように、入力してEnter押すと、その内容がどんどん反映

ツールチップ併用のシンプルなクリック式イメージスライドショー

シンプルでクールなLightbox

Ads