Web Designing 2011年4月号の「特集1：CSS3プロパティから発想するアイデア集」に記事を寄稿し、下記の8項目を執筆しました。
特集1：CSS3プロパティから発想するアイデア集
- 【background】02 ブラウザサイズに合わせてリサイズする背景画像
- 【maskimage】05 マスクを適用してテクスチャを表現
- 【box-shadow】06 シャドウやグラデーションを掛け合わせたボタン
- 【box-shadow】06 シャドウやグラデーションによる美しいテーブルデザイン
- 【gradient】10 Webサービスでグラデーションボタンを簡単生成
- 【border-image】16 木枠で表現するハイクオリティなフォトギャラリー
- 【animation】22 時間軸で制御し、バウンスさせるアニメーション
- 【transform】26 transform matrixで変形を一度に指定する
サンプルデータや詳細などはこちらからどうぞ
今回のネタについて
各プロパティからひねり出せるアイデアを紹介するというもの。
個人的には、mask-imageがツボです！ただ、webkit系にしか対応していない…
実は、プライベートなしょうもないブログの「tommmmyののぞきあな」というはずかしいブログがあるのですが、それで使っているふわふわ感、それがこのmask-imageでできる！と知ったときは叫びましたですよ。
のぞきあなでは、mbMaskedGallery.jsというのを駆使したのですが、なんしかめちゃめちゃ重い！
早く切り替えたいと思っているところです。
いろいろとサンプルを作っていく上で、あ〜〜もっともっと、、と常に自分の力のなさを感じます。もちろん、その時点では自分の出せる最大のものを出しているのですが、、
関連ネタ
2011年4月3日に開催される、Untitled!!!!!!!!（アンタイトルド）では、CSS3でつまずいた部分をお伝えします。
少しでも何かの役に立てば…！
