yui – ゼロと無限の間のログ

今回CSSフレームワークとしてYUI2（Reset・Fonts・Grids・Base）、jQuery UI CSS FramworkとPryn.cssを併用した。YUIとjQuery UIが共存できることが分かったのは大きな収穫。
残念なのはjQuery UIのbuttonがIEで角丸にならないこと。filterを使ってボタンらしく見せることで妥協した。

また、HTMLにはHTML5を使った。いわゆるVideoやCanvas等の「HTML5的」な目立つ使い方はしていないが、単にValidなHTMLを書くというだけでもHTML5はシンプルで使いやすい。
もうこれからはHTML5だけでいいと思う。（携帯も早くHTML5が標準にならないかな。）

しかしAmazon Product Advertising API（かつてAmazon Web Serviceと呼ばれていたものが何回かの改名を経て今はこの名前）の統一性の無さには困った。カテゴリによってsortのパラメータがバラバラ。場合によっては同じsortパラメータでもsort順が正反対。と思ったらReferenceが間違っているだけだったり。実際に動かしてみないと何が正しいかわからない。登録されてるデータもいい加減そうだから、あまり正確なsort順は期待できないかも．．．。

—

何はともあれ、New Arrivals RSS Feed Generatorをよろしくお願いします。 🙂

2010年 8月 16日2010年 8月 31日

Yahho Calendar少しだけバージョンアップ（0.4.5）

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

ほとんど変わってないけど。

主な変更点

YUIのバージョンを、リビジョンまでの指定から、常にバージョン2.x系の最新を使うように変更
IEでカレンダーの後ろにテキストボックスがある場合にテキストボックス内のマウスカーソルがカレンダー越しに透けて見える問題を解消

いつも思うけど、Yahho Calendarのバージョンアップはもうこれで最後かな。

2010年 8月 12日

Pryn.js & Pryn.cssバージョンアップ（0.2.5）

—

読み込むだけでWebページの「おもてなし度」を向上 – Pryn.js & Pryn.css [ゼロと無限の間に]

—

Pryn.jsの主な変更点

HTML5のautofocus属性に対応（autofocus未対応のブラウザでもautoでfocusできる）
HTML5のplaceholder属性に対応（placeholder未対応のブラウザでも、テキストボックスに未入力の場合のみメッセージをグレイアウトで表示できる）
select要素の選択されているoption要素を簡単に取得できるfunctionを追加（Pryn.getSelected()）
四角いBOXをちょっとだけ角丸っぽく見せられるfunctionを追加（Pryn.round()）
formをsubmitした時のマウスカーソルを「待ってる」感が出るものに変更
Stringを拡張してword2regexp()を持たせるのをやめた

Pryn.cssの主な変更点

importするYUIのCSSのスキームをスキーム指定無しからhttpsに変更（スキームなしだとIEが2回読み込んでしまう問題を回避するため）
テキストボックスの背景色を変えたときに枠線の見た目が変わらないようにした（IE6は非対応）
ボタンの見た目のブラウザ間の差異を小さくした。かつ、ボタンを押しやすいように左右のpaddingを広めにした
フォントはIE7・IE8はメイリオ、Macはヒラギノ角ゴ、それ以外はブラウザの設定のフォントになるようにした
（IE6やFirefoxは設定しないとClearTypeが有効にならないので自動でメイリオにするのはやめた。ブラウザの設定等でメイリオにしている人にはFirefox等でもメイリオになる）
リンクの色を綺麗な青等にした
角丸（border-radius）のブラウザ別のサンプルを入れた

なんかゴチャゴチャしてきたので、JavaScriptはjQueryベースで書き直したくなってきた。

CSSはjQuery UI CSS Framworkベースで？でもYUIないとクロスブラウザ的に辛いかな．．．

2010年 2月 14日