• RSS
Google Chart で簡単にQRコードを作成する方法

昔はQRコード作成と言えば、Mac であれば「QRMillX」アプリケーションを使ったり、2次元コード生成サービスを利用していましたが、

簡単手軽にQRコードを作成し、サイトに貼付けるだけであれば、Google Chart を利用すると便利です。
続きを読む

[JS]jQuery を利用して、現在のページのメニューデザインを変更する方法

jQuery を利用して、特定の要素にクラスを付けたり外したりする処理です。

例えば、グローバルメニューやサイドメニューなどをクリックした時、現在のページ(カレントページ)であるメニューのデザインを変更して、「今このページにいます」という見せ方ができるようになります。
続きを読む

[WP]WordPressで記事に「続きを読む」リンクを付けて分割する方法

WordPressはブログシステムですので、記事の途中に「続きを読む」リンクを入れて分割させることができます。

方法はビジュアルエディタ、テキストエディタ共に、分割したい場所に <!--more--> タグを挿入するだけなので簡単です。
続きを読む

[JS]画面の右や左から、ダイナミックにメニューをスライド表示できるjQueryプラグイン「PageSlide」

スマホアプリで「ボタンをタッチして画面の左や右からメニューがスライド表示される」みたいない動きをよく見ます。

ブラウザの見えない所からダイナミックにコンテンツをスライド表示させる動きを、PCサイトでも実装可能にしてくれるjQueryプラグインが「PageSlide」です。
続きを読む

[Mac].mov を.mp4 などへ変換できる「MPEG Streamclip」

QuickTime 形式の.mov 動画をmp4 形式へと変換できるMac 用アプリケーション「MPEG Streamclip」。

操作も簡単で、mp4 以外にも.wmv .m4v .avi などの形式にもスムーズに変換できるようなので、Mac 用の動画変換ソフトとしては重宝しそうです。
続きを読む

[WP]WordPressで「続きを読む」を押した際に、記事の最初にリンクさせるプラグイン「Custom More Link」

WordPressの投稿画面で、<!–more–>タグを使うと「続きを読む」というリンクを出力して記事を分割することができます。

しかし、この「続きを読む」がアンカーリンクになっており、記事詳細ページ(single.php)にランディングした際に記事の途中(<!–more–>タグで分割された後)から読み進めなければならなくなりますので、このアンカーリンクを除去できるプラグインがCustom More Link です。
続きを読む

[CSS]CSS で円形、三角形、台形、星形 などを表現する方法のまとめ

CSS3 のborder-radiustransform などを利用して、CSS だけで円形、三角形、台形、星形などのオブジェクトを表現する方法のまとめです。
続きを読む

[IE]IE6、IE7、IE8 で角丸やドロップシャドウなどを利用できる「IE-CSS3.htc」

以前に紹介させていただいた PIE.htc ファイルと同様、IE6、IE7、IE8 でも CSS3 のプロパティを利用できるファイルが「IE-CSS3.htc」です。

PIE.htc と基本的な使い方は同じですが、利用できるプロパティが若干変わってきます。
続きを読む

[JS]jQuery で画像をランダムに出力する方法

jQuery を利用して、ページのアクセス毎に複数枚の画像の中からランダムで1 枚の画像を表示させる方法です。

今回は <img> タグの画像を使う場合と、CSS の background-image に背景画像を指定する場合の2種類の方法を紹介させていただきます。
続きを読む

[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ

ブログや企業サイトを問わず、WordPress で「固定ページに投稿記事を10件表示させる」のような処理を入れる機会も多いのではないかと思いますが、

単純に最近の投稿記事を指定件数表示させる以外にもカテゴリ別、オーサー別など色々なパターンがありますので、今回はそのような固定ページに記事一覧を表示させる方法をまとめてみました。
続きを読む

[JS]HTML5でマークアップする際に「html5shiv」でIE下位バージョンにも対応させる

HTML5 でマークアップをする場合、IE下位バージョン(8以下)がそもそもHTML5のタグが対応していない…という理由で、IE8以下でもHTML5 のタグを使えるようにするためのjavascript html5shiv.js を使う機会も多いと思います。

そこまでしてIE下位バージョンに対応させる必要があるか?については今回は置いておいて、html5shiv の簡単な取り扱い方を紹介します。
続きを読む

[WP]WordPress で改行したい場所を改行できるプラグイン「brBrbr」

少し変な日本語のタイトルですが、文字通り「改行をしたい場所で思い通りに改行できる」WordPressプラグインが「brBrbr」です。

ブログで記事を書く上で、例えば「文章と文章の間に1行余白を設けるために改行」を入れようと思っても、WordPressのデフォルトの投稿機能では2 行以上の連続改行が効きません。
続きを読む

[CSS]IE6、IE7、IE8、IE9別のCSSハック一覧

IE6〜9 用にそれぞれ個別にスタイルを適応させたい場合のCSSハックのまとめです。

よく忘れるので、個人的な備忘録もかねてのご紹介です。
続きを読む

[JS]シンプルなドロップダウンメニューが簡単に実装できるjQueryプラグイン「Droppy」

ヘッダーのグローバルメニュー等で、マウスオーバーによるドロップダウンメニューを実現させるためのjQueryプラグイン「Droppy」。

シンプルなプラグインなので手軽に設定できますし、メニューの階層が深い場合でも入れ子のドロップダウンメニューが実装可能です。
続きを読む