Fixed Stickyは、親要素にピタッと張り付いてスクロールに追随する要素を実装できるjQueryプラグインです。 挙動については、以下デモページをご参照ください。 デモページを見る 当記事では、Fixed Stic…
WP Sitemap Pageは、簡単にHTMLサイトマップを生成することができるWordPressプラグインです。ショートコードにパラメータを追加することで、特定のページのみを出力することも可能です。 WP Sitem…
Simple Sitemapは、HTMLサイトマップを自動生成できるWordPressプラグインです。ショートコードを挿入するだけで、サイトマップページを作ることができます。 Simple Sitemapのインストール …
WordPressでテーマ内にカスタムメニューを設置すると、以下のようにリストに対して自動的にIDやクラスが付与されます。 今回は、カスタムメニューに自動付与されるIDやクラスを削除して、コードをスッキリさせる方法をご紹…
サイトに地図を掲載したい場合、Googleマップを埋め込むと簡単に地図を表示することができますね。Googleマップをサイトに埋め込んだ際、デフォルトの状態だと指定した住所に赤いマークが表示されます。この赤いマークを会社…
Animistaは、プレビューを見ながらCSSアニメーションを直感的に作成できるWEBサービスです。 Animistaの使い方 まずはAnimistaにアクセスして、[TRY ME!]をクリックします。 画面上部からアニ…
Googleアナリティクスで計測される数値の中に「直帰率」というものがあります。直帰率とは、サイトに訪れて他のページを閲覧せずに離脱してしまった割合を示しています。 この直帰率をアクセス解析の指標として評価する場合もある…
文字の半分から左と右で、違う色を指定するCSSテクニックについてご紹介いたします。 文字の半分で違う色を指定するCSSテクニック HTMLはシンプルに以下のようにします。 data-headingにh1要素と同じ内容の文…
Griddyは、プレビューを見ながら直感的にCSS Grid Layoutのコードが生成できるWEBサービスです。CSS Grid Layoutにあまり慣れていなくても、簡単にCSSのコードを生成することができます。 G…
CSSアニメーションを利用して、横向きに永遠と流れる画像を設置する方法についてご紹介いたします。 挙動としては、こちらのページ下部にある、右から左へと流れているイラストのような動きになります。 CSSのみでループして流れ…