別ドメイン・別サーバーにインストールされたWordPressの内容を表示させる方法をご紹介したいと思います。クライアントの環境に実装して、正常に表示できたので実施した手順を解説します。 まず、今回実装したサイトは、WAD…
別ドメイン・別サーバーにインストールされたWordPressの内容を表示する方法

まるでアニメのような動きのCSSアニメーションが簡単に作成できる「Bounce.js」

Bounce.jsは、まるでアニメのような動きのCSSアニメーションが作成できるツールです。簡単に複雑な動きのCSSアニメーションを作成することができます。 Bounce.jsの使い方 Bounce.jsにアクセスして、…
簡単にWebスクレイピングができるWordPressプラグイン「WP Web Scraper」

WP Web Scraperは、導入するだけでスクレイピングが簡単にできるようになるWordPressプラグインです。 WP Web Scraperのインストール インストール手順は以下の通りです。 WP Web Scr…
CSSでスタイルをIEのみ・Firefoxのみ・Chromeのみ・Safariのみに適用する方法

各ブラウザのみにスタイルを適用する方法をご紹介いたします。 IEのみ表示が崩れるとか、Firefoxのみ違うサイズにしたい、といった場合に使えるCSSハックです。 CSSでスタイルを各ブラウザのみに適用させる方法 IEだ…
CSSアニメーションで要素をクルッと回転させる方法

CSSアニメーションを使って、要素をクルッと回転させる方法をご紹介いたします。 簡単なデモページを作成したので、動きについては以下デモページをご確認ください。 デモページを見る CSSアニメーションで要素をクルッと回転さ…
WordPressの投稿一覧に無限スクロールを実装する方法

WordPressの投稿一覧ページに、jQueryプラグイン「Infinite Scroll」を使って無限スクロールを実装する方法をご紹介いたします。 無限スクロールというのは、スクロールしていくと次々に要素が読み込まれ…
JavaScriptを使ってテキストを一文字ずつ表示させる方法

JavaScriptを使って、指定したテキストを一文字ずつ表示していく方法をご紹介いたします。 動きについては、以下デモページをご参照ください。 デモページを見る JavaScriptを使ってテキストを一文字ずつ表示させ…
日本語Webフォント「Noto Sans JP」の導入手順

日本語Webフォントの「Noto Sans JP」をサイトで使うための手順をご紹介いたします。 簡単に綺麗なWebフォントが導入できますので、Webフォントの導入を検討されている方は、ぜひお試しください。 Noto Sa…
CSSのみでメガメニューを実装する方法

jQueryプラグインなどを使わずに、CSSのみでメガメニューを実装する方法をご紹介いたします。 以下デモページのようなメガメニューを作成します。デモページでは、”メニュー1″にマウスホバーすると…
エクセルやワードで日本語入力中に変換できず勝手に確定されてしまう現象の解決法

先日クライアントから、エクセルやワードでの日本語入力時に変換できないと連絡がありました。変換する前に勝手に確定されてしまうと…メモ帳とか他のソフトでは問題ないけど、Microsoft Office関連の時だけその現象が発…