Latest posts

WordPress の jQuery を利用すると $ 関数が見つからない

2010年6月23日 | WordPress Tips | No Comments |

次のコードを function.php などに記載して、WordPress の jQuery を利用すると、$ 関数(オブジェクト) が見つからないエラー ($ is not a function) が発生します。

wp_enqueue_script('jquery');

これは、prototype.js などのライブラリと $ 関数(オブジェクト)が衝突しないように jquery.js の最後で jQuery.noConflict(); が実行されているためです。

More… »

WordPress のテーマ “Happy Cork Board” 1.1.1 アップデート

2010年6月16日 | WordPress Themes | No Comments |

Happy Cork Board 1.1.1 を公開しました。

次の仕様改善と不具合を修正しました。

  • RSS Feed のリンクを修正しました。
  • テーマのライセンス情報を追加しました。
  • 左側のタブを複数行に対応しました。
  • ノーコメントサポートしました。
  • タグを表示するようにしました。

Happy Cork Board 1.1.1 のダウンロードは こちら

CSS3 iPhone 3G

2010年5月28日 | CSS, HTML | No Comments |

CSS3 と HTML で iPhone を作ってみました。

9:42
Thursday, June 9
slide to unlock

CSS3 iPhone

More… »

WordPress のテーマ “Happy Cork Board” を公開

2010年5月15日 | WordPress Themes | No Comments |

その日の気分に合わせてウィジェットを置き換えたりして楽しめるコルクボードテイストの WordPress テーマ。

happycorkboard

transition (CSS 3)

2010年2月5日 | CSS | 1 Comment |

transition プロパティで変化させるプロパティや時間、タイミングを指定します。

transition: [プロパティ] [時間] [タイミング]

TRANSITION TEST

.Test a {
	color: #0000FF;
	transition: color 1s ease-in-out;
}
.Test a:hover {
	color: #FF0000;
}

More… »

プレゼントアイコン

2010年1月10日 | Icon | No Comments |

プレゼントアイコン

クリスマスツリーアイコン

2010年1月6日 | Icon | No Comments |

クリスマスツリーアイコン

PHP OpenID Library を MySQL Store で使う

2009年12月22日 | PHP | No Comments |

前回テストした PHP OpenID Library に付属したサンプルプログラムは OpenID の処理に必要な情報の保存にファイルを使用していましたが、ファイルではなく MySQL などのデータベースを利用することもできます。
なお、データベースの接続などに PEAR::DB ライブラリが必要です。

PHP OpenID Library に付属したサンプルプログラムを、ファイルから MySQL を利用するように変更してみます。
More… »

PHP OpenID Library

2009年12月21日 | PHP | No Comments |

ダウンロードとアップロード

まず最初に、PHP OpenID Library をダウンロードして、付属のサンプルプログラムの動作を確認します。展開したファイルやフォルダの内、Auth フォルダと examples フォルダのみをアップロードします。
More… »

CSS で border に角丸を付ける

2009年11月26日 | CSS | No Comments |

CSS3 から導入された「border-radius」を使うと、画像や JavaScript を使用せずに、CSS だけで角丸が実装できます。

今現在「border-radius」に対応しているブラウザは、Firefox, Safari, Google Chrome のみです。

一気に角丸の大きさを変更する場合

.ExampleClass {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

角ごとに角丸の大きさを変更する場合

More… »