文字の大きさ

  • 小
  • 中
  • 大

四季折々の花々」写真館へようこそ!
当サイトはWeb制作の実験台として立ち上げたサイトです。各ページには私が撮影した写真を展示しております。また、「四季折々の花々ブログ」にも花や紅葉の写真を展示しておりますので、よろしければ見て行ってください。なお、当サイトは各種ブラウザにて表示確認をしております。それではごゆっくりお楽しみください。

新着記事

2012-08-11
WordPressのW3 Total Cacheプラグインがトップページにも働くようになって表示速度が大幅に改善されたので、「ミニム」サーバーに戻すことにしました。
2012-07-28
WordPressにCKEditor for WordPressプラグインを導入しました。WordPressの記事投稿画面でWYSIWYG的な文書入力ができるようになりました。
2012-07-20
WordPressのレスポンス改善のために、レンタルサーバーを「ミニム」から「さくらインターネット」に引っ越ししました。
2012-06-20
フォントサイズの指定を、x-small、small、mediumの相対指定にしました。これにより、Internet Explorerの文字サイズの変更が効くようになりました。
2012-06-15
WordPressにW3 total cacheプラグインを導入しました。ブログの表示が高速化されていると思います。
2012-04-05
アクセス地図を描き直しました。撮影に訪れた場所を複数描画しております。
2012-04-04
表紙のタブパネルに写真を追加しました。Lightboxプラグインで拡大写真を表示させることができます。
2012-04-02
フリーのJavaScriptライブラリによる営業日カレンダーを各ページに設置しました。撮影日を水色で示しています。
2012-03-31
Safariブラウザのバージョンアップにより、styleswitcher.jsが動くようになったため、再度文字サイズボタンを復活させました。
2012-03-19
WPtouchの背景イメージ等のカスタマイズと、各ページのPC/スマートフォンのリンクを張り替えました。
2012-03-18
ワードプレスブログにWPtouchプラグインを追加して、スマホではWPtouchのブログが見れるように変更しました。以上でスマホ対応完了としたいと思います。
2012-03-16
スマホ版ページのコンテンツの準備を完了しました。問い合わせページからは実際に私宛てにメールが飛びます。PC版とスマホ版で行き来ができるように改変しました。
2012-03-13
iPhone、iPod touch、Androidで閲覧する時に、スマホサイトを開けるように設定しました。ただし、スマホサイトは制作中の物で、コンテンツはこれから準備します。
2012-03-08
JavaScriptのUserAgentで、実験的にPC/タブレットとスマホを振り分けて別々のページを見せるようにしました。なお、スマホサイトの内容は参考書そのままです。
2012-02-13
壁紙を花柄に変更しました。
2012-01-28
新着記事へのリンクを張るために、index.htmlをindex.phpに変更したのに伴い、http://flowers.small.jp/index.htmlへのアクセスもhttp://flowers.small.jp/index.phpに飛ばすように、.htaccessを修正しました。
2012-01-26
WordPressブログの新着記事へのリンクをトップページに設置しました。
2012-01-25
WordPressブログのクロスブラウザ(特にIE6、IE7)対応が完了しました。background-position:right bottomは使えないようです。
2012-01-24
WordPressの練習作として、独自にカスタマイズしたブログを設置致しました。今後はサイトトップから更新情報を確認できるようにしていきたいと思います。
2011-12-29
iPod touchのiOS5で、jQueryによるアコーディオンパネルの挙動がスムーズになっていることを確認しました。iOS5ではJavaScriptによるリッチコンテンツの実用的な動作速度が期待できそうです。
2011-12-11
JavaScriptでフォントサイズを変更するように修正しました。ただし、Cookieが効かないので表示直後は「小」サイズ固定になっております。Safari(iPhone、iPod touch、iPad)対応化完了。
2011-12-11
styleswitcher.jsからstyleswitch.jsに差し替えて文字サイズ変更ボタンを試してみましたが、相変わらずSafariでは正常に動作せず。
2011-11-22
参考書のサンプルとして使ったワードプレスのブログをとりあえず実装してみました。今後、テーマも含めてカスタマイズするつもりです。
2011-10-24
マウスドラッグで反転するテキスト色をCSSで設定しました。(ただし、IE6,7,8では適用されないようです。)
2011-10-19
Macintosh版SafariでUTF-8が文字化けを起していた問題を解消しました。.htaccessという名前のファイルを作る必要がありました。
2011-10-01
IE8の特定の環境でのみ、marginが壊れていた問題を修正しました。.clearfixもしくはアコーディオンパネルのdivボックス化が効いた模様。Windows版Safari5.1でstyleswitcher.jsが上手く動作していない模様。
2011-08-02
IE8でjQueryのslideDown()とfadeIn()が効かない問題への対策として、index.htmlのみIE7互換モードで表示していたのですが、そうすると今度はメイリオフォントが表示されなくなっていたため、IE7互換モードは解除してみました。
2011-07-07
iPhone系端末の表示用にjquery.browser.jsで分岐していたのを止めました。シンプルなHTML構文でGIFアニメを表示しております。幾分表示が軽くなりました。iPhone/iPod touchでjQuery Lightboxが正しく表示できるように修正しました。
2011-07-06
iPhone/iPod touch/iPadでは、フラッシュの代わりにGIFアニメでスライドショーが表示されるように変更しました。また、写真表示を全てjQuery Lightboxでするように変更しました。(iPhone対策)
2011-07-04
iPhoneでもアコーディオンパネルが正しく表示されるように、パネルのパーツを描き替えました。また、フォントの大きさが正常に表示されるようにCSSを改変しました。
2011-06-25
2010-03-21の写真ページに、jQuery Lightboxを使用してみました。
2011-06-04
選択状態の文字サイズボタンの色が変わるように修正しました。フラッシュの写真差し替えのタイミングを遅らせました。Yahoo!のYUI font-min.cssを使用して、ブラウザの違いによるフォントサイズの差を吸収しました。
2011-06-01
ajaxzip2を使用して、問い合わせフォームで郵便番号から自動で住所が入力されるようにしました。
2011-05-23
UTF-8のページとShift_JISのページが混在した場合、Dreamweaverのテンプレートが誤作動する為(文字化け)、Shift_JISのメールフォームは廃止しました。
2011-05-22
写真の表示方法を、jQueryを使用したモーダルウィンドウに変更しました。左サイドメニューのボタンを選択状態に固定するようにしました。写真を表示する時にフェードイン・フェードアウトするように変更しました。
2011-05-21
UTF-8版フォームCGIの画面レイアウトを変更しました。テンプレート内に収める形にしてあります。
2011-05-20
2種類のフォームCGIを実験的に設置してみました。一方はShift_JISのみ対応(作者様サイトへのリンクあり)、もう一方はUTF-8対応(リンク無し)です。郵便番号変換には未対応です。
2011-05-16
CGIがShift_JISのみ対応だったので、サイト丸ごとutf-8からShift_JISに変更しました。
2011-05-15
フリーのCGIを利用した問い合わせフォームを新設しました。
2011-05-14
font-sizeの指定を、pxからsmall、medium、largeに変更しました。ブラウザからの文字サイズの変更も可能になりました。
2011-05-11
jquery.browser.jsを用いて、iPhone・iPod・iPadから閲覧する時にFlash動画の代替画像が表示されるように変更しました。
2011-05-07
画面左側の日付メニューにサムネイルを貼り付け、日付けから写真内容が推測できるようにしました。
2011-05-05
IE8でjQueryのslideDown()とfadeIn()が効かない問題への対策として、index.htmlのみIE7互換モードに変更しました。
2011-05-04
jQueryによるアコーディオンメニューを変更しました。選択時の画像と、マウスオーバー時の画像を追加しました。jQueryによるパネルを実装試験中です。
2011-05-02
フラッシュアルバムを一部変更しました。日付メニューの文字サイズを小型化しました。右側メニューとトップに戻るボタンのフォントをゴシック体に変更しました。
2011-05-01
表紙にフラッシュアルバムを追加しました。それに合わせて背景画像サイズも変更しました。
2011-04-30
左側メニューのボタンと文字サイズのボタンを、マウスオーバーで画像が入れ替わるように変更しました。
2011-04-25
文字サイズボタン周辺のレイアウトがIE6で崩れていた問題を修正しました。(ボタン画像にvertical-align:baselineにて解決。)
2011-04-24
画面左の日付選択メニューをビジュアル化しました。
2011-04-24
styleswitcher.jsを使用してブラウザの表示文字サイズを変更するボタンを、画面左上に設置しました。その他、フォント指定など小修正しました。
2011-04-23
jQueryを使用して、更新履歴をアコーディオンバー内に記述する方式に変更しました。
2011-01-27
植物園へのアクセスマップを追加しました。改訂履歴の書式を変更しました。
2011-01-26
パーツ類の枠線を0.5ピクセルに変更しました。1ページ目のみJavaScriptで写真を拡大表示できるようにしました。
2011-01-25
2009年11月30日分までの写真を掲載しました。同じく左のメニューから移動できます。また、メニューのデザインを少し変更しました。
2011-01-24
2008年11月17日分の写真を掲載しました。左のメニューから移動できます。
2011-01-24
サイトのレイアウトを企画・設計しました。各パーツの作成、テンプレートを完成させました。