jQueryプラグインのLettering.jsをVanillaに変換 Result See the Pen JjKbdmE by kachibito (@kachibito) on CodePen. CSS-TricksのChris氏が開発した、文字装飾ライブラリはjQueryプラグイン...2020.10.22
文章内に折れ線グラフを挿入する Result See the Pen Stonks – Sparklines Renderer by kachibito (@kachibito) on CodePen. 非依存のvanillaなコードで動作します...2020.04.27
ミニ折れ線グラフ Result See the Pen Micrographs by kachibito (@kachibito) on CodePen. jQueryを使ったミニ折れ線グラフです。コードは長いのでCodepenでご参照...2019.11.10
FlexboxとJavaScriptで、異なる文字数の行の幅を自動で一律にそろえる Result See the Pen Flexible Full-Width “Justified” Text Blocks by kachibito (@kachibito) on CodePen. text-a...2019.04.28
マウスで選択した文字数を数える Result See the Pen WPXdMP by kachibito (@kachibito) on CodePen. マウスドラッグした文字数を数えます。JSはバニラです 使う機会があるかは分かりません ...2019.02.15
コピーライトの年数表示を自動化する Result 年の値を現地時間で取得するgetFullYearでコピーライトによく表示されてたりする年号表記を自動化します jQuery html via getFullYear メソッド (Date) (J...2017.06.09
tableの行をクリックすると下部に詳細が表示される Result jQuery css html via Expand Table Rows Using jQuery, HTML And CSS2016.10.23
code、pre内のコードを別窓でtextareaに表示させる Result SyntaxHighlighterによく付いてるやつ。 これ自体需要は少なそうだけど応用すれば一般向けに使えそうです。 jQuery html via via:2016.06.27
HTMLをCanvasにして画像としてダウンロードできるようにする Result See the Pen beGPjj by kachibito (@kachibito) on CodePen. スニペットとは言えませんが・・w html2canvasとjQueryを使ってCanvas化、ダウンロ...2016.05.31
テキストをツートンカラーにする Result jQuery css html via Is it possible to apply CSS to half of a character?2014.05.13
普通のリストに任意の文字列と番号を加える・改正 「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。 Result jQuery index()メソッドで取得したインデックス番号は0からなので1を足...2013.05.24
Youtubeの動画再生後に関連動画を表示させない Result 埋め込みコードにいちいちrel=0パラメーターを加えるのは面倒なので関連動画が自動でOffになるようにする。他のパラメーターも同じ方法で挿入できますね。 jQuery html 埋め込みコードはそのまま...2013.05.14