CSS

先日の ひと足早くiPadのWebを考える勉強会 を実践するべく考えてみる事にします。

iPad 対応のサイトを考えると、フォームの入力欄やボタンのサイズを指で押しやすくするべき と思っています。今回は管理ページ上の表示を修正していますが、例えば通常のサイトでもお問い合わせフォームの部分とかを同様に設定しておくといいかもしれません。

今回は、COVER IT LIVE で現地から中継でもしてみようかと思います。 関係者のOKが取れたら。今回の講師は kicks-web の千貫 りこさんで、タイトルは「現場目線でのCSS TIPSを伝授」という事になっています。

今、作っているサイトで透過の角丸JavaScriptが必要になって、いいものは無いかと探していると「CurvyCorners」というJavaScriptが見つかりました。

Googleで CurvyCorners - Google 検索 を検索してみると、以下のようなエントリーがヒットします。（上位5件を表示）

• CurvyCorners - Beautiful rounded corners for your HTML boxes
• 角丸javascriptライブラリ『curvyCorners』を使ってみる[to-R]（2006年6月18日）
• jQueryを使って簡単に角丸を作れるjQuery curvyCorners | バシャログ。（2007年12月3日）
• 角丸作成javascript「curvyCorners」｜skuare.net（2007年10月21日）
• 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」 - GIGAZINE（2006年6月16日）

これを見ると随分古くからある JavaScript であるという事が分かります。そして、凄いのは 2010年4月1日に新しいベータ版がリリースされています。開発が止ってないんです。

エントリーの本文部分を段組したいという事があった場合の a-blog cms のカスタマイズメモです。

例えば、以下のような感じ

2段組

3段組

11月7.8.9日に東京で、世界の凄い人達のセミナーが開催されるそうで、ちょっと行ってみたいなぁって思っています。 今のところ行けるかどうかは微妙...

• Web Directions East

スピーカーさん達は以下の人たちとの事です。全員外人さんで、アメリカ・イギリス・オーストラリアからやってくるという事です。もちろん同時通訳あり。

• Eric Meyer（エリック・メイヤー）
• Jeffrey Veen（ジェフリー・ヴィーン）
• Dan Cederholm（ダン・セダーホルム）
• Jeremy Keith（ジェレミー・キース）
• Andy Budd（アンディ・バド）

費用は高めですが、なかなかこういう経験はできないので、参加できるように仕事頑張ります！

IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opa｜名古屋の隅っこでつぶやいてます。 のエントリーで知ったのですが、E・Firefox・Opera・Safari と、どれでも使えそう（表記は違うけど）なので、仕事で使えるかどうか社内のスタッフに調べてもらおうと思います。

簡単なテストとしてインラインで書いてみました。アルファ 50%での表示になっていますかね？

参考

• IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック - WEBデザイン　BLOG
• Mandarin Design: CSS Opacity and Transparency
• アルファチャンネルとopacityの違い：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
• opacityプロパティ - CSSリファレンス