EC studio 企画デザインブログ

Webサイトにアニメーションを取り入れる場合には、いくつか方法があると思います。代表的なところでいうと、

• ・JavaScript、jQuery
• ・Flash
• ・CSSアニメーション

などが挙げられます。

ただ複雑な動きとなると、高度なコードを書く必要があったりと、それなりに難しくなります。ですが、シンプルなアニメーションでも組み合わせることで、パッと見複雑に見える動きを付けることができます。
そのアニメーション手法というのは、先日、京都で開催された”Ti.Developers.meeting vol.03（Titanium mobileでのアプリ開発者が集まる関西方面のミートアップ）”でのコバヤシトールさん（@toru0325 / もぐもぐエンターテイメントアプリ – MogSnap）のセッションで紹介されていたもので、その斬新な技法に驚かされたと共に、日頃の制作に対する姿勢の面でも改めて感じる部分がありましたので、今回の記事では、そのあたりをまとめてみようと思います。（追記2011/10/21：コバヤシトールさんが紹介されていたのは、Titanium mobileでのアニメーションで、この記事でのサンプルは、その手法をCSSアニメーションにアレンジしたものとなります。）
続きを読む

3月5日（土）に、待望のFireworks特集LP14
「Photoshopper meets Fireworks」に行ってきました！

過去のブログ記事からもわかるように、弊社のメインソフトはFireworks！
入社当時はPhotoshop派で触ったこともなかったのですが、
今ではすっかりFireworksなしでは生きていけない！

このFireworks特集、たしか去年の秋ぐらい？に
開催の話があがったけれど、延期になり…
本当に開催されるの？Fireworksってそんな人気ない？

…と、余計なことを考えていましたが、当日は満席！
会場全体がFireworksへの愛にあふれてて、とても充実した１日になりました。

どのお話も面白いし、スライドもキレイでわかりやすい。
その中でも特に個人的に面白かったものをご紹介。

続きを読む

運営に関わっている Re:Creator’s Kansai による4回目のセミナー、
「聞いて学んで考えるUX講座」のお知らせです。

今回はWebやデザインに関する情報発信をおこなっている could の長谷川恭久さんをお招きし、ユーザーエクスペリエンス（UX）の聞いて学んで考える講座を開催します。
続きを読む

2010年9月25日に.coder「すこーし愛して。ながーく愛して。Webパフォーマンス」でプレゼンさせていただきました。
あまりのイケてるプレゼンテーターの中にちょっと申し訳ない感じでしたが、
みなさまアットホームに迎え入れていただき、楽しい1日を過ごすことができました。

私は「みんなで使おう！Fireworks！ 〜Fireworksで画像最適化〜」というお題で
プレゼンしたので、簡単にその中身をここでも紹介させていただきたいと思います。

今回はFireworksとPhotoshopの画像の書き出し方を比較してみました。
ちなみに使用したアプリケーションはFireworks CS5 とPhotoshop CS5 です。

続きを読む

2010年1月21日に開催されました、
CSS Nite in Ginza, Vol.43に行ってきました。

今回のテーマは
「2009年のデザイントレンド総括?トレンドをチェックして
2010年のデザイン業務に取り込め！」というテーマで、
原 一浩（karadesign/fxb）さん、矢野りんさんによるトークセッションでした。
続きを読む

間が開いてしまいましたが、CSS Nite 4周年記念イベント（Vol.40 reprise）の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。

HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。
そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。
続きを読む