JavaScriptでrel="canonical"を挿入する方法と注意点
JavaScriptでrel="canonical"を挿入 先日JavaScriptでrel=canonicalをGoogleは処理できるという記事があった。 JavaScript挿入したrel=canonicalをGoogleは処理できる 記事にはやり方の詳細は書かれていないが以下のようにJavaScriptを書けば実装できる。 JavaScriptだけで挿入といっても、ページ内にすでにrel="canonical"が存在している可能性もあるため、document.querySelector('link[rel="canonical"]')で存在の有無を確認するよう注意が必要。 const canonicalUrl = location.href.split('?')[0] const isCanonical = !!document.querySelector('link[rel="c
replace()の機能のまとめ！『正規表現、function()、arguments、RegExp()』：JavaScript - モーリーのメモ
『replace()』は、文字列の置換を行う関数です。 基本的な使い方は、下記の通りです。 var text = "abcabc"; var result = text.replace(/a/g, "1"); // "abcabc"内の"a"を最後まで検索して"1"に置換する // 結果：resultは"1bc1bc"になる 『replace()』の第１引数の『/a/g』は、検索する文字列を正規表現で表したものです。 正規表現では、検索する文字列を『/（スラッシュ）』で囲みます。 末尾の『g』は、最後まで探すというフラグです。 フラグには下表のようなものがあります。 フラグ意味 g１個目だけでなく最後まで検索します。 i検索の際に大文字と小文字を区別しません。 m複数行に渡って検索します。 ＊『g』フラグを付けないと１個目しか置換しません。 ＊また『text.replace("a", "1
文字サイズ変更ボタン をスマートフォン用テンプレートに設置
文字サイズ変更ボタン をスマートフォン用テンプレートに設置 【 ありのごとくあつまりて 】 この記事に含まれるタグ （Keyword） : jQuery javascript フォント iPad スマートフォン ブラウザ 文字サイズ変更ボタン をスマートフォン用テンプレートに設置 2013/05/26 (日) カテゴリー： ブログカスタマイズ上級 スマートフォン用テンプレートに 文字サイズを デフォルト・大きめ・特大 などに調整できる jQuery のスクリプトを設置してみました。 クッキーを利用しているので、ページを送っても有効です。 iPad からFC2ブログを閲覧した場合、以前は パソコンからのアクセスと同じ扱いになっていましたが、2013年3月頃からは スマートフォン用テンプレート にも切り換えられるような仕様に変わっています。（※現在のデフォルトは PC用テンプレート
faviconに数字のバッジを付けられるJavaScript「Tinycon」｜skuare.net
twitter facebook hatena google pocket faviconに数字を乗せられると新着記事数や日付など様々なお知らせをお知らせすることができます。 tommoor/tinycon - GitHubはそんなJavaScriptです。 sponsors tommoor/tinycon - GitHubからファイルをダウンロード。 <script type="text/javascript" src="tinycon.js"></script> <script> (function(){ Tinycon.setBubble(2); //()内の数字が表示されます。 Tinycon.setOptions({ //オプション width: 7, //幅 height: 9, //高さ font: '10px arial', //フォント colour: '#ffffff'
CSS Dock Menu
May 08, 2007 270 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer supp
styleswitcher.js-スタイルシート切り替えjavascript - WEBデザイン BLOG
アクセシビリティを考慮したWEBページを作成するときに役立つのがA List Apart: Articles: Alternative Style: Working With Alternate Style Sheetsが紹介しているstyleswitcher.js。 アクセシビリティガイドラインにも「ガイドライン2. 色だけに依存しない」という項目があり、 2.1 色によって表現されている全ての情報は、その色を再現できない環境でも得られるようにしておく（たとえば、前後関係やタグ付けなどによって）。 [優先度1] (チェックポイント2.1) 2.2 前景色と背景色の組み合わせは、色の識別が困難な人やモノクロ画面を使用している人などに対しても十分なコントラストを与えるようなものにする。 [対画像：優先度2 、対テキスト：優先度3] (チェックポイント2.2)（引用：ウェブコンテンツ・アクセシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
