ホームページ作成中

ホーム

2009年11月29日からホームページを作成しています。このページでは検索エンジンへの登録方法。サイトマップの使い方。ホームページにYouTubeの動画を追加する方法。AjaxライブラリやJavaScriptを使ったサンプルプログラムなどをまとめていきます。

2010年1月27日からタブ表示のスピードアップを図るために、jquery-1.3.2、jquery-ui-1.7.2からtabifierに変更しました。

このおかげで、YSlowの評価はGrade CからGrade Bにアップしました。このチューニング結果はこちらのページ「ホームページ作成中のYSlowの実行結果」にあります。

コンテンツのリンク

JQueryサンプル

  • ThickBoxサンプル
    サムネイル画像をクリックすると、Webページがフェードアウトし、画像にはポラロイドフィルムのような枠を付加して表示してくれる。
    使用JavaScriptライブラリ:jquery-1.3.2.min.js、tombox.js
    使用css:tombox.css
    使用画像:loadingAnimation.gif
  • magnifyサンプル
    画像にマウスのカーソルを合わせると、その部分の拡大画面を表示する。オプションを指定することで、イベントや拡大画面の表示形式などを変更することができます。

更新履歴

  1. 11/28/2009 ホームページを作り始めました。
  2. 11/28/2009 リンクを追加しました。
  3. 11/30/2009 リンク先サムネイラーを追加しました。
  4. 12/02/2009 Googleマップを追加しました。
  5. 12/03/2009 カウンタを追加しました。
  6. 12/04/2009 リンク先サムネイラーを別ページに分割しました。
  7. 12/05/2009 faviconを設定しました。
  8. 12/08/2009 Yahoo!天気情報からブログパーツをコピーして、Webページに天気予報を追加しました。
  9. 12/08/2009 Google map のサンプルを別ページに分割しました。
  10. 12/10/2009 検索エンジンの登録についてのページにサイトを追加しました。
  11. 12/11/2009 「ホームページにYouTubeの動画を追加する。」を別ページに分割しました。
  12. 12/12/2009 検索エンジンの登録についてのページにサイトを追加しました。
  13. 12/12/2009 メロメロパークに登録しました。
  14. 12/16/2009 W3Cに準拠するように各ページの見直しを行いました。
  15. 12/17/2009 スタイルシート(CSS)でリンクテキストをボタン型メニューにするを追加しました。
  16. 12/22/2009 初期表示の時間を短縮するためにチューニングしました。
  17. 12/28/2009 「ホームページにYouTubeの動画を追加する。」をCSS Sprite版に変更しました。
  18. 01/09/2010 Webページの見直しを開始しました。
  19. 01/10/2010 ブラウザ表示のパフォーマンスを上げるをCSS Sprite版に変更しました。
  20. 01/15/2010 Google日本語入力のインストールについてのページを追加しました。
  21. 01/22/2010 CSS Spriteを使い画像のIOアクセスを減らすのページを追加しました。
  22. 01/27/2010 Tab表示のライブラリをtabifierへ変更しました。
  23. 01/30/2010 ホームページ作成中のYSlowの実行結果を追加しました。
  24. 02/09/2010 Firefox parameters on about:config pageの表示の仕方を追加しました。
  25. 02/25/2010 etcな内容の覚書を追加しました。
  26. 05/05/2011 CSS3のグラデーションを自動生成 Grad2 -CSS3 Easy Gradation Editor-を使ってみました。を追加しました。
  27. 04/03/2014 ページの更新を再開しました。
  28. 09/07/2016 エディタをatomに変え、ページの更新を再開しました。
inserted by FC2 system