2011/05/24 @12:28 | ツール
やっと出た！という感じですが、HTML5のアニメーションがオーサリングできるMacアプリがついに出ました！
その名も「Hype」。
チュートリアルの映像やギャラリーを見たところ、まだまだシンプルなアニメーションしか作れない印象ですが、これからに期待したいツールです。現在、Mac App Storeで期間限定の価格で3,500円で販売中です。
→ チュートリアル映像 （英語）
→ サンプルギャラリー （英語）
う〜ん、買って試してみる価値はあるのか。。。ないのか。。。迷うところです。プロダクションには、まだ使えなさそうだしなぁ。。。
ちなみに、このHypeを作った会社は元アップル社員の2人が創設者だそうです。名前のようにHype（誇大な宣伝）で終わらないといいですね。
2011/02/21 @10:13 | ウェブのいろいろ
ちょっと古い統計ですが、CSSのclass名に関する面白い統計があったのでご紹介。2005年12月のこの統計によると、ウェブサイトで頻繁に使われるクラス名は以下のとおりだそうです。 続きを読む
2011/01/11 @6:35 | 制作・運営・ノウハウ
「CSS制作のワークフローについて考える」で触れた「リセット・スタイルシート（Reset CSS）」についてまとめてみました。まず、結論から言ってしまうと、
だということです。 続きを読む
2010/11/21 @12:32 | ウェブのいろいろ
GoogleのChrome Teamが作った「20 Things I Learned About Browser and the Web」というサイトが、細かいところまですごく良く出来ているのでご紹介。これからのウェブ制作の見本に出来る点がたくさんあるなぁと思いました。 続きを読む
2010/10/06 @11:42 | ツール
CSS3で角を丸くしたりグラデーションを付けたりできてしまう昨今。下の画像のようにCSS3のグラデーションでボタンなどがデザインできてしまう。近い将来 Photshop の「Web用に保存」からは、JPEGやGIFの書き出しだけじゃなくてHTML5・CSS3で書き出すオプションもできるのではないでしょうか？ (というか、今作ってほしい。)
「Playing with CSS3 gradients — Cubiq.org」という記事より。
Demoページのボタンはかなりハイクオリティです。記事中にもありますが、たとえば最新のブラウザを搭載するスマートフォン（iPhone/Adroid）向けのサイトでは、こういったボタン要素はHLTML/CSS3で書くべきですね。ダウンロードサイズがかなり節約できそうです。
2010/09/22 @3:15 | 制作・運営・ノウハウ
以前にも紹介したことがあるサイトですが、IE9も追加されていたので再度紹介。というかメモ。Mac/Winの主なブラウザのCSS3とHTML5の対応状況が分かりやすいチャートで確認できます。
findmebyIP.com HTML5 & CSS3 Support
対応しているブラウザ
Mac: Chorme、Firefox、Opera、Safari
Win: Chrome、Firefox、Opera、Safari、IE
2010/03/26 @12:15 | 制作・運営・ノウハウ
これは便利だ。ぜひ参考にさせていただきます。
findmebyIP.comというサイトの「Web Design Checklist」
