- 【ADS】MAKE LOVE NOT WAR 皆さんご存じ『AXE』の広告で、面白いものを見つけたので紹介します。 「MAKE LOVE NOT WAR」と名付けられたこのキャンペーン。 戦争か? ……と思いきや、よく見ると非常にコミカルで可愛い広告になっています。 【ADS】MAKE LOVE NOT WAR続きを読む →
- 【最新版】HTML Living Standard で規定されている全要素 ジワジワと HTML5 が普及しつつある今日この頃。皆様いかがお過ごしでしょうか。 策定が進められている HTML5 ですが、先日、2014年7月31日に W3C により 最新の仕様が公開されました。 そこで改めて全要素を一覧にしてまとめた… 【最新版】HTML Living Standard で規定されている全要素続きを読む →
- 【WordPress】Jetpack の Twitter Cards をカスタマイズする方法。 WordPress のプラグイン[Jetpack]にて。共有機能を有効化すると、<head>〜</head>内に[Twitter Cards]のタグが自動挿入される仕様になっています。 「それは便利!」と思われるかも… 【WordPress】Jetpack の Twitter Cards をカスタマイズする方法。続きを読む →
- 【WordPress】プラグイン[Contact Form 7]で必要なときだけスクリプトとスタイルシートを読み込む方法。 非常に便利な WordPress のプラグイン[Contact Form 7]ですが、このプラグインを有効化すると、すべてのページで JavaScript と CSS のファイルが読み込まれるようになります。 通常、[Contact For… 【WordPress】プラグイン[Contact Form 7]で必要なときだけスクリプトとスタイルシートを読み込む方法。続きを読む →
- 【WordPress】公開されているすべての記事の数を表示する方法。 WordPress で、投稿されているすべての記事の数を表示する方法です。 「投稿の全記事数」「カスタム投稿の全記事数」「投稿・カスタム投稿、両方の全記事数」と3パターンで表示させるコードを紹介します。 それぞれのコードを任意の場所に記述し… 【WordPress】公開されているすべての記事の数を表示する方法。続きを読む →
- 【WordPress】キャッシュを有効化しつつ[CSS]や[JavaScript]ファイルの変更を確実に反映させる方法。 ウェブサイト開発時に、[CSS]や[JavaScript]が即時に反映されないケースが多々あります。 これはブラウザが[CSS]や[JavaScript]のキャッシュファイルを保持しているために、修正前のデータを参照してしまうために起こる問… 【WordPress】キャッシュを有効化しつつ[CSS]や[JavaScript]ファイルの変更を確実に反映させる方法。続きを読む →
- 【.htaccess】画像への直リンクを禁止する方法。 遂に、このブログの記事が他サイトに丸々コピーされるという問題が発生してしまいました。 テキスト部分はもちろん完全なコピー。 画像も直リンクされていたのでかなり悪質です。 放置しておくわけにもいかないので、対策を考えてみました。 具体的には、… 【.htaccess】画像への直リンクを禁止する方法。続きを読む →
- 【jQuery】[Masonry]の表示の不具合を解消するために[imagesLoaded]を併用する方法。 [jQuery Masonry]を使う際、Webkit系のブラウザ(Safari、Chrome)によっては、読み込みの際にボックスが重なり、初動では意図したように表示されないケースがあります。 巷のブログでは、その不具合を解決するために「&… 【jQuery】[Masonry]の表示の不具合を解消するために[imagesLoaded]を併用する方法。続きを読む →
- 【SEO】WordPress で自動的に[meta=”canonical”]を設定する方法。 「Canonical URL」とは、同じ内容のページを表示する複数のURLのうち、どれが「正規のURL」であるかを検索エンジンに示すものです。 「Canonical URL」を指定することにより、同じ内容のページを複数のURLで公開していて… 【SEO】WordPress で自動的に[meta=”canonical”]を設定する方法。続きを読む →
- 【jQuery】郵便番号を入力すると住所を自動補完する[jquery.jpostal.js]が便利です。 郵便番号を入力すると住所を自動補完して表示してくれる jQuery ライブラリ[jquery.jpostal.js]が非常に便利だったのでご紹介します。 同機能の他の jQuery プラグインは大容量のデータファイルをサーバーにアップする必… 【jQuery】郵便番号を入力すると住所を自動補完する[jquery.jpostal.js]が便利です。続きを読む →
- 【CSS】Google Chrome や Android 系のブラウザで[background-attachment]のエラー。 PC版の Google Chorome も含め、スマートフォンの Android 系のブラウザで、背景画像の描画が思いどおりにいかないときがあります。 例えば、背景画像がコンテンツの上に重なってしまっていたり、パララックス系のデザインで背景… 【CSS】Google Chrome や Android 系のブラウザで[background-attachment]のエラー。続きを読む →
- 【CSS3】計算式が使える[css calc]の使い方。 CSS で縦横の長さを設定する際、四則計算が使えることは知っていましたか? これは[calc()]というプロパティで実装でき、しかも[SASS]や[LESS]などのメタ言語を使わない単独のCSSです。 例えば、「横幅に「パーセンテージ値」を… 【CSS3】計算式が使える[css calc]の使い方。続きを読む →
- 【CSS】セレクタ一覧 個人的な備忘録を兼ねて。 CSSS3 の疑似セレクタを含めた一覧表を掲載しておきます。 有事の際にご利用ください。 セレクタパターン 意味 セレクタの種類 CSSレベル * すべての要素を対象にするセレクタ ユニバーサルセレクタ 2 E E… 【CSS】セレクタ一覧続きを読む →
- Google の119時間テスト:モバイル サイト設計の指針。 Google が Google AdSense に関する最新情報を伝える公式ブログ[Inside AdSense]にて、119時間にもわたるユーザービリティテストを行った結果をまとめて公開しています。 このテストはシカゴとサンフランシスコに… Google の119時間テスト:モバイル サイト設計の指針。続きを読む →
- 【WordPress】User-Agent を判定してモバイル用コンテンツを表示する方法。 最近のWebデザインのトレンドとして、レスポンシブデザインが普及し、iPhoneやiPad、Android端末等、各モバイル・デバイスへの対応が当たり前になってきました。 実際に、現在当サイトへのアクセスも、PC(Windows / Mac… 【WordPress】User-Agent を判定してモバイル用コンテンツを表示する方法。続きを読む →
- 【WordPress】リンク無しのタグを出力する方法。 WordPress のテンプレートタグ[the_tags]は、記事に紐づけられたタグをリンク付きで出力します。 タグは出力したいけれど、そのリンクは不要な場合は、[the_tags]は使わず、代わりに[get_the_tags]を利用し、さ… 【WordPress】リンク無しのタグを出力する方法。続きを読む →