メモ　バインダー

別ＰＣからデータを移したXAMPP先でエラー発生。XAMPPは関係なしにPHPで下記のようなエラーが出る場合

---

Warning: date() [function.date]: It is not safe to rely on the system’s timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Asia/Tokyo' for '9.0/no DST' instead in C:***/***/***.php on line **

---

タイムゾーンの設定がなされていない事が原因。
下記設定を追加。
date_default_timezone_set('Asia/Tokyo');

参考
date関数で”Asia/Tokyo・・”なんかのエラーが出る件：PHP5.1.0以降
It is not safe to rely on the system’s timezone settings.

Pliggはソーシャルブックマークサイトを構築する為のシステム。
http://www.cba-japan.com/2007/05/pligg91.html
無償だが法人・学校向けかもしれない。

メモ帳等でPHPをいじるとデザインが崩れている場合がある。よくよく調べてみると、１行目に半角スペースが挿入されており、この半角スペースがデザイン崩れを招いている場合がある。こういうケースの場合、大概BOM (Byte Order Mark)が関係している。

解決方法は、Terapad等を用いてBOMが挿入されないようにする。

Lightbox関連で使用されるprototype.jsはjquery.jsと共存した場合、競合しどちらか一方しか動作しないケースが多い。
jquery.js & prototype.jsの干渉やコンフリクト等のトピックスであちこちで取り上げられている。

prototype.js と jQuery の競合（コンフリクト）解決！　＆　共存方法のような、回避方法もあるが、prototype.jsを使用しないLightboxを入れてしまう方法も１つの解決方法。ColorBoxの基本骨格はjquery.min.jsとcolorbox + jquery.colorbox.js + CSSなので、いたってシンプルに使用する事が可能

ColorBox
http://colorpowered.com/colorbox/

以前紹介した、ページが遷移してもフォントサイズが変更されないサイトを作る方法は、様々なサイトで紹介されているが、Internet Explorer 6(IE6)では正常に動作しない場合が多い。

原因は不明（調査中）

のようにinputの中に初期値が入力されている場合で、このクリックを押すと消えるタイプのサイトはわりと多い。

純粋にJavaScriptで構築しても良いがjQueryを用いるとより簡単に実装できる。
ToggleVal 2.1

紹介元
入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」

元情報：Create an apple style menu and improve it via jQuery

日本語解説：jQueryを使ってApple風デザインのナビゲーション

日本語解説のCSS Lectureでも、今後増えていきそうな気がするとあるように、確かにWEBをユーザーの希望する形でカスタマイズが可能なサイトは大規模サイトでは増えていきそう。
デザイン力はもとい、CSSやAjaxのスキルも要求されそう。

ニュースサイト等、テキスト量の多いページでは必ず導入されているページ内タブ。

参照
All About：ページ移動せずに内容を変更するタブを作る

いろいろなサイトで紹介されているが、All Aboutがスタンダード。
ただ、これだと中しか装飾(CSS)を施せないので個人的にはstyleswitcher.jsと合わせて用いればサイト全体にして、いろいろなCSSを施せると思うが、特にstyleswitcher.jsまで用いる必要性がない場合はカスタム又は直接JavaScriptを記載してもいいかもしれない。

他参考
JavaScript Library Archive
Alternative Style: Working With Alternate Style Sheets

ニュースサイト等で右上にあるフォントを選択　小・中・大　などのフォントを変更する方法。
jQueryとjquery.cookie.jsでcookieを制御して構築する。

参考サイトは以下の通り。

フォントサイズを動的に変更 [with jQuery]
jQueryサンプル Ajaxフォントサイズを変更・切り替えcookieに保存

マークアップする人の好みの問題だが、4GALAXYさんの

jQueryサンプルCSS(スタイルシート)を変更・切り替えcookieに保存を参考ベースにCSSを直接制御する方が汎用的に構築し易い場合があるかもしれない。

<ul>
<li onclick="jstyle('/page/css/style1.css')">Style1</li>
<li onclick="jstyle('/page/css/style2.css')">Style2</li>
<li onclick="jstyle('/page/css/style3.css')">Style3</li>
</ul>

↓

<ul>
<li><a href="#" onclick="jstyle('font1.css')">小</a></li>
<li><a href="#" onclick="jstyle('font2.css')">中</a></li>
<li><a href="#" onclick="jstyle('font3.css')">大</a></li>
</ul>

EC CUBEのデザイン管理や、Googleの各種サービス、BBCなどで採用されている
ドラック＆ドロップでページデザインを変更する基本サンプル。
http://interface.eyecon.ro/demos/drop.html
http://interface.eyecon.ro/demos/drag.html

他にも下記サイトで紹介されている。
Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編