文章内に折れ線グラフを挿入する
Result See the Pen Stonks – Sparklines Renderer by kachibito (@kachibito) on CodePen. 非依存のvanillaなコードで動作します...
JavaScript - その他
iframeでもHTMLでも対応できる超軽量で非依存のLightboxスクリプト
Result See the Pen GVpdWB by kachibito (@kachibito) on CodePen. こういうベーシックなもの最近は全く見かけなくなりましたけど・・案件になると割と要望は頂...
CSS変数を制御するJavaScriptスニペット
Result See the Pen Set CSS Variable with JavaScript by Chris Coyier (@chriscoyier) on CodePen. CSS変数を更新するJSスニペットで...
特定の文字だけスタイリングする
Result jQuery css html via
背景画像を画面いっぱいにしてスライドショー化する
Result jQuery css html via Full Clip - fullscreen body background image jQuery plugin
コピーライトの年数表示を自動化する
Result 年の値を現地時間で取得するgetFullYearでコピーライトによく表示されてたりする年号表記を自動化します jQuery html via getFullYear メソッド (Date) (J...
画像の上で右クリック出来ないようにする
Result つい最近の案件で相談されたので、まだこういうの需要あるかもと思って書きました。 画像のみ、右クリックを防止しています。あんまり期待する効果は得られないとは思いますが・・画像を保護する目的なら最低でも透かしは必ず入れたほ...
Webページをフルスクリーン表示にするボタンを設置する
Result ボタンを押せばフルスクリーン表示になりますが、上記はiframeで表示していますのでここで押してもフルスクリーンにならないようです。このあたりはWeb developer guide | MDNの「フルスクリーンの要...
code、pre内のコードを別窓でtextareaに表示させる
Result SyntaxHighlighterによく付いてるやつ。 これ自体需要は少なそうだけど応用すれば一般向けに使えそうです。 jQuery html via via:
指定した文字数以上になったらそれ以降のテキストを省略する
Result 大量の文字数がありますが、省略されています jQuery HTML via Limit string length/trim text with jQuery
textareaで行ごとにナンバリングする
Result コード見せたいけどSyntax highlight使うほどじゃない時とかに。gistでいいんじゃ、と言われたらそれまでですが。 jQuery css html foobar hogehuga via...
Youtubeの動画再生後に関連動画を表示させない
Result 埋め込みコードにいちいちrel=0パラメーターを加えるのは面倒なので関連動画が自動でOffになるようにする。他のパラメーターも同じ方法で挿入できますね。 jQuery html 埋め込みコードはそのまま...