Photoshopの「Web用に保存」でCSS3を書き出す日は近い?

Advertisement

CSS3で角を丸くしたりグラデーションを付けたりできてしまう昨今。下の画像のようにCSS3のグラデーションでボタンなどがデザインできてしまう。近い将来 Photshop の「Web用に保存」からは、JPEGやGIFの書き出しだけじゃなくてHTML5・CSS3で書き出すオプションもできるのではないでしょうか? (というか、今作ってほしい。)

Playing with CSS3 gradients — Cubiq.org」という記事より。

Demoページのボタンはかなりハイクオリティです。記事中にもありますが、たとえば最新のブラウザを搭載するスマートフォン(iPhone/Adroid)向けのサイトでは、こういったボタン要素はHLTML/CSS3で書くべきですね。ダウンロードサイズがかなり節約できそうです。

About the author

Rriverの竜(りょう)です。「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、東海岸のボストン近郊でウェブ制作を開始。帰国後、東京のウェブ制作会社に勤務。現在は組織のウェブ担当者として日英バイリンガルウェブサイトの運営に携わっています。より詳しくはこちら

記事へのコメントはもちろん、執筆・翻訳、レスポンシブなウェブサイト制作、コラボのご相談などもTwitter @rriver またはFacebook でお気軽にご連絡ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です