H1タグの為の第二世代プリプロセッサーとポストプロセッサー 垣根を超えた遅延読み込みの第二世代です。今回はH1タグを簡単な設定パラメーターでプリプロセッサーとポストプロセッサーで機能させます? ブログ記事を読む
Disqus 最近のコメント表示内のターゲットとドメインを置き換える JavaScript 異なるブログシステムでコメントを共有したいので、DISQUSコメントシステムを採用していますが、IFRAMEで呼び出すJavaScriptで表示される最近のコメントのハイパーリンクのターゲットを変更し、ドメインも置き換えるJavaScriptを公開します。 ブログ記事を読む
WordPress 5.6 2020/12/10 WordPressが5.6にバージョンアップされました。古い古いjQuery(ジェイクエリー)のままに放置されてきた環境を刷新し、最新版ではないにしても、jQueryの進化に追随させる新機能に注目です。 ブログ記事を読む
オンロード・イベントで実行するローカル関数で検査する必要性はあるのか?! 問題は日本の無料ブログです。スマートフォンで接続すると異なるデザインを表示する。そうすると様々なJavaScriptを実行しない場合があって、ブログ・オーナーだけでなくて訪問者も落胆する。好き勝手に彼らが管理する裏のブログブログなので、ブログ・オーナーとして訪問者に救世主を遣わそう! ブログ記事を読む
JSをYUICOMPRESSORとCLOSURE-COMPILERで同時処理する必要はあるのか? WordPressにも数百のJavaScriptファイルがありますが、圧縮をプラグインに任せないで、右クリックで送るだけで、同時にYahoo!/YUICOMPRESSORとGoogle/CLOSURE-COMPILERで処理して効果の高い圧縮を自動的に採用しましょう!無意味ですか? ブログ記事を読む
第二世代WordPressアイキャッチ静止画と動画 第二世代では、WordPressの記事内カスタムフィールドを利用して、最適な画像を選択し、アイキャッチ画像として埋め込みます。画面の小さな端末に対して、無駄な通信を抑止します!YouTubeも公開中の動画ファイルもアイキャッチ画像領域で配信可能。WordPressの記事内カスタムフィールドで制御します。 ブログ記事を読む
flickr.comの体制変化に対応できる範囲で対応しよう! ここだけに公開するブックマークレットは、2つの画像をクリックするだけの簡単さで、Lightbox表現の亜種「PopBox」を実現するIMGタグを生成する。リンク切れに対応しています。flickr.com用に作成しました。PopBoxの優位性はIMGタグだけで実現することです! ブログ記事を読む
公開スクリプトを定義するだけの簡単さで全ての記事のリンクを改良しよう! 無料ブログの中でもHTMLテンプレートを修正できるタイプなら、ブログ毎に用意された一行スクリプトをコピー&ペーストして、全ての記事のリンクを改良しよう。もちろん記事毎に簡単にON/OFF可能だし、処理させたくないAタグの個別指定もサポート済み。blog.jp,livedoorブログ,fc2.com,FC2ブログ,hamazo.tv,MovableType,ni-moe.com,忍者ブログ,webry.info,ウェブリブログ,WordPress ブログ記事を読む
追記にソースコードをダイレクトに埋め込んでみる 記事「支配下にあるIDを特定し、Aタグを自動的に置き換えてリンクをクールに仕上げよう!」で配布中の公開ソースを、そのまま追記に埋め込んで実行できたブログです。 記事「支配下にあるIDを特定し、Aタグを自動的に置き換えてリンクをクールに仕上げよう!」で配布中の公開ソースを、そのまま追記に埋め込んで実行できたブログです。 ブログ記事を読む
支配下にあるIDを特定し、Aタグを自動的に置き換えてリンクをクールに仕上げよう! 支配下にあるDIVタグを言い当ててから、自動的に「新しいタブで開く」画像とリンクを追加する便利なJavaScriptを公開します。 ブログ記事を読む
ミラーリングした記事における他記事への不自然では無いリンク処理について 出口に立って、期待しない風景を見てしまうと、きっとあなたの脳はパニックを起こすかも知れません。出口に現れる景色は変えてはいけません。みんなが経験済みのトラウマを呼び起こすと接続を切るに違いないからです。期待通りのデザインを与えてこその新しいリンク先で良いのです。 ブログ記事を読む
DISQUSとも連携しGoogle Web 翻訳の自動化で文字化け防止と世界中の訪問者に対応しよう!全世界言語対応版スクリプトを公開します 訪問者のブラウザーに設定された言語に自動的に翻訳を開始します。だから文字化けトラブルを解消します。横幅の狭い端末にも自動対応。任意の言語に切り替えた場合永続します。DISQUSコメントのメニューと連携します。訪問者が希望する言語とブログ記事の言語が同じ場合はダミー画像を表示するだけでGoogleとは一切の通信は発生しません。無駄な通信を行わない親切設計です。ブログやウェブページは日本語だけでなく各国語に対応可能です。 ブログ記事を読む