kazumich.log

2010年05月16日
iPad対応のWebを考えてiPad用のCSSを追加する

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

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

「iPad対応のWebを考えてiPad用のCSSを追加する」の続きを読む

2010年04月10日
パソナテック Creator's Meeting In Nagoya Vol.2

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

「パソナテック Creator's Meeting In Nagoya Vol.2」の続きを読む

2010年04月02日
CurvyCornersはCSS3に対応した最強の角丸JavaScriptだ！

今、作っているサイトで透過の角丸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日に新しいベータ版がリリースされています。開発が止ってないんです。

「CurvyCornersはCSS3に対応した最強の角丸JavaScriptだ！」の続きを読む

2010年02月14日
CSS3のcolumnを利用してa-blog cmsで段組をサポートする

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

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

2段組

CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。

3段組

CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。CSS3のカラムを a-blog cms で実装します。

「CSS3のcolumnを利用してa-blog cmsで段組をサポートする」の続きを読む

関連タグablogcms カスタマイズ CSS CSS3