CSS変数を制御するJavaScriptスニペット
Result See the Pen Set CSS Variable with JavaScript by Chris Coyier (@chriscoyier) on CodePen. CSS変数を更新するJSスニペットで...
JavaScript - 便利
特定の文字だけスタイリングする
Result jQuery css html via
コピーライトの年数表示を自動化する
Result 年の値を現地時間で取得するgetFullYearでコピーライトによく表示されてたりする年号表記を自動化します jQuery html via getFullYear メソッド (Date) (J...
リストを任意のカラム数に分ける
Result 普通のリストを任意のカラム数で分けます。現在は3カラムに分けられています。 var num_cols = 3,の数値を変更すれば設定したカラム数に分けられます。 マークアップには変更を加えず処理出来るので覚えてお...
緯度経度を指定したテキストにマウスを乗せるとGoogleMapも動くようにする
Result マウスホバーでGoogle Mapが動的に移動する、みたいなの。リストには予めカスタムデータ属性で緯度経度を設定してあります。 Google map APIも読み込みます。 jQuery css ...
指定した文字数以上になったらそれ以降のテキストを省略する
Result 大量の文字数がありますが、省略されています jQuery HTML via Limit string length/trim text with jQuery
HTMLをCanvasにして画像としてダウンロードできるようにする
Result See the Pen beGPjj by kachibito (@kachibito) on CodePen. スニペットとは言えませんが・・ｗ html2canvasとjQueryを使ってCanvas化、ダウンロ...
文字列をリアルタイム検索してハイライトする
Result jQuery css html via Real-Time Search in JavaScript by Osvaldas Valutis.
普通のリストに任意の文字列と番号を加える・改正
「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。 Result jQuery index()メソッドで取得したインデックス番号は0からなので1を足...
Youtubeの動画再生後に関連動画を表示させない
Result 埋め込みコードにいちいちrel=0パラメーターを加えるのは面倒なので関連動画が自動でOffになるようにする。他のパラメーターも同じ方法で挿入できますね。 jQuery html 埋め込みコードはそのまま...