JavaScript - その他

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
Ads

コピーライトの年数表示を自動化する

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 埋め込みコードはそのまま...

簡易的なSyntax Highlighterを実装する

ページ内の見出しに合わせて目次を自動生成する

Vimeoのサムネイルを取得する

モバイル時はタップ式、PCサイトではドロップダウンに切り替える

YoutubeのURLだけでその場で動画再生できるようにする

アニメーションしながらリストの順番を入れ替える

クリックでアニメーションしながらオーバーレイを表示

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

ボタンをクリックした時に一瞬だけメッセージを表示する

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

hover時のテキストカラーをランダムにする

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

Ads