textillate.jsは、サイト内の文字を表示する際にアニメーションを加えることができるjQueryプラグインです。 挙動については、こちらで確認できます。 textillate.jsの使い方 ステップ1. 各種スク…
文字にアニメーションを加えることができるjQueryプラグイン「textillate.js」

クラスを指定するだけ!Webフォームで郵便番号から住所を自動入力してくれるスクリプト「YubinBango」

YubinBangoは、Webフォームで郵便番号を入れると住所が自動的に入力されるライブラリです。郵便事業株式会社(旧郵政省)が提供しているデータを利用して住所を取得しています。 YubinBangoの使い方 使い方は非…
競合サイトと表示速度の比較ができる「Speed Scorecard」と表示速度が収益に与える影響を調べることができる「Impact Calculator」

Speed Scorecardは競合サイトと表示速度の比較ができ、Impact Calculatorは表示速度が収益に与える影響を調べることができるツールです。どちらもGoogleが提供しているツールで、同じページ内で利…
Instagramの投稿をサイトに埋め込むことができるWordPressプラグイン「Instagram Feed」

Instagram Feedは、Instagramの投稿をサイトに埋め込むことができるWordPressプラグインです。 WordPressの管理画面上からInstagramにログインして、画像サイズやレイアウトなどを決…
WP_Term_Queryを使ってタームの一覧を出力する方法

WordPress4.6から追加されたWP_Term_Queryを使って、タームの一覧を出力する方法をご紹介いたします。 基本的な使い方は、get_termsと似ています。 WP_Term_Queryを使ってタームの一覧…
絵文字を検索してコピーすることができるWEBサービス「Emojiers」

Emojiersは、絵文字を検索・コピーして利用することができるWEBサービスです。色んな絵文字を簡単に探し出すことができます。 Emojiersの使い方 Emojiersにアクセスし、キーワードを入力して検索します。 …
テキストエディタを見やすくカスタマイズできるWordPressプラグイン「HTML Editor Syntax Highlighter」

HTML Editor Syntax Highlighterは、WordPressのテキストエディタを見やすくカスタマイズすることができるプラグインです。投稿・固定ページ・カスタム投稿タイプ・テーマ編集・プラグイン編集に…
いい感じに文字詰めをしてくれるCSSプロパティ「font-feature-settings」

font-feature-settingsプロパティは、CSSを1行追加するだけで、いい感じに文字詰めを行ってくれるプロパティです。 文字詰めを調整するプロパティといえば、letter-spacingが思い浮かびますが、…
jQueryで要素を削除する色々な方法「remove()・empty()・unwrap()」

jQueryを使って要素を削除する方法をご紹介いたします。要素を削除するといってもremove()やempty()など、色々な方法がありますので、それぞれの違いについて解説したいと思います。 jQueryで要素を削除する…
オンライン上でPDFを結合・分割することができるWEBサービス「I Love PDF」

I Love PDFは、オンライン上でPDFを結合・分割することができるWEBサービスです。重いPDFを圧縮したり、他のファイル形式をPDFに変換、またその逆を行うこともできます。 I Love PDFの使い方 I Lo…