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