ホームページ制作WEBデザインに役立つ情報

ホームページ制作には大抵付き物のフォーム、
予約フォームの日付選択をカレンダーから選択できると、
直感的に選択もでき、利便性が上がりますよね。

そこで、フォームの日付入力補助のカレンダー機能をいくつか試してみましたが、
jQuery datePicker というものがカスタマイズしやすくて便利でしたー。

inputタグはもちろんのこと、selectタグにも使え、
日付選択できる期間も、遡っての誤選択を防ぐため、
当日から2年後の何日まで、とかスタートとエンドを設定できるので、
予約フォームにも使いやすいです。

ポップアップも埋め込みもできるのと、
1ヶ月分のカレンダーだけでなく、
2ヶ月先までの3ヶ月分も同時に表示できたりするので、
カスタマイズ性も十分備わってます。

[datePicker] jQuery date picker plug-in

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/

基本的なことだと思いますが、ファイルの文字コードにご注意を。
設置時、正しく設置しているはずなのに動かないなぁ…
と思っていたら、ダウンロードしたデータはUTF-8で、ページ自体がShift_JISでした…

普段UTF-8で制作しているので盲点でした…
ページはフォームシステムの関係で文字コード変えられなかったので、
ダウンロードした各datePickerファイルだけでなく、
jQueryもShift_JISに変更したら問題なく動作しました…
わかっている人には、何やってんの、と思われそうですが、
備忘録として残しておきまーす。

.htaccessを使った301リダイレクト設定方法

・サイト全体を301リダイレクト
RedirectMatch 301 .* http://～/

・元ページのURLを設定して301リダイレクト
Redirect 301 /～.html http://～.html

いろいろなウェブフォントが出始めたけれど、使ってみたらまぁ大変です。

仕組みとしては、サービス契約して、IDもらって、
それをJavaScriptで組み込んで…

という流れで、設置自体はそんなに大変ではない、
のだけれども、ブラウザによっては動作も重くもなったり、
まずJavaScript読み込まれるまで、通常のテキストで表示され、タイムロスが発生するし、
共有SSLを使う場合なんてのは、ドメインが切り替わってしまうので、基本効かなくなる…
（1ドメイン契約の場合なので複数契約できる余裕があれば問題ないかも）

GoogleのウェブフォントはSSL用にも対応しているので、
特に気にせず使用できると思います。

アルファベットは種類が少ないのもあり動作が軽くなるのも当たり前ですよねぇ。

日本語フォントは作成するのも数が膨大で大変だし、設置にもいろいろと問題が出そう。

でも、これが標準化され、CSS3もブラウザ気にせず使いやすくなれば、
制作の面でも効率化もされ、またいろいろと進化していきそうですね。

頑張れ日本語ウェブフォント！