ウェブページのスクロール量(読了率)を計算する

Thumbnail
はじめに スクロール量を取得します。Webページをどこまでスクロールしたのかの値です。ブログ等では、読了率として記事の良し悪しの指標としてよく利用されています。 高さやスクロール量の取得と計算といった単純な処理ですが、クロスブラウザの互換周りを考慮すると実装までだい...

Console.jsサンプル集

Thumbnail
下記ライブラリのサンプル集です。 WSH(JScript)用コンソール:Console.js console グローバル変数の「console」に標準のコンソールを設定します。 console.log('Hello World.'); ...

古いブラウザに自動で polyfill を適用する

Thumbnail
古いブラウザへのes6対応です。 古いブラウザにも一応対応したい。ただし、煩わしいことはしたくない。最新ブラウザでpolyfillによるコード量増加などの悪影響を防ぎたい。とかの場合に使うといいかも…。 ただし、HTML5やCSS3、JavaScriptの最新構文を使用で...

SyntaxHighlighterを最適化する

Thumbnail
SyntaxHighlighterの読込み数を最小にします。 <pre> なしならば読み込まない。必要なブラシは、最低限読み込む。遅延読込みも合わせて更に高速化する。 元ネタは、下記の記事です。不必要な強い同期処理を簡易なものに置き換えてます。その他、自分用の...

ページ更新時にページ先頭へ移動するユーザスクリプト

Thumbnail
ページ表示時にウェブページの先頭へ移動します。ページを途中まで読んだ後、F5等でページ更新したタイミングで動作することを想定しています。 特に難しいことをしているわけではないですが、地味に便利だったりします。対応ページの追加は、 @include の行を新規に追加してくださ...

動的読込みのGoogleAdSense広告のブロックを判定する

Thumbnail
Google AdSenseの遅延読込みでページ表示速度を改善 の記事で書いたスクリプトの追加機能です。 当ブログでは、関連記事をGoogleアドセンスの関連コンテンツに依存しています。そのため、広告をブロックされると関連記事が表示されず、ユーザのサイト内周遊に大きな問題が...

HTMLにテキストファイルを埋め込んでダウンロードする

Thumbnail
やること ブログなどのファイルが置けないない環境で、小規模なテキストファイルを外部ホスティングせずに、ダウンロード可能にする。 HTMLファイル内にファイルを埋め込む リンクのクリックでダウンロードする 追記 data: で画像ファイルの埋め込みなどと同じ...
次の投稿 前の投稿 ホーム