UI改善にキラリと役立つ！ SVGアニメーションの作り方まとめ - ICS MEDIA
SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう（参考「SVGで始めるマイクロインタラクション入門」）。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSでSVGアニメーションを実現する方法（コーダー向け） コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、
【重要】F-site活動停止のお知らせ
F-siteに関わるすべてのみなさんに、大切なお知らせです。 活動停止について 本日、2016年2月13日をもちまして、F-siteは2002年から続けてきた非営利団体としての主要な活動を停止することになりました。 具体的には、活動の2本柱であった、F-siteセミナーの継続開催と、Webサイト（f-site.org）の更新が終了となります。また、FacebookページとTwitterアカウントについても、Webサイトと同様に更新を終了します。 発足から長年に渡り、のべ約5,000人のご参加をいただいたF-siteセミナーは、数多くのスピーカーとボランティアスタッフのご協力なくしては、続けてくることができませんでした。この場を借りて、厚くお礼申し上げます。 活動停止の理由 活動停止にいたった理由は数多くあります。中でも大きい理由の1つとして、実際に活動を運営、サポートするためのスタッフが減
エフェクト作成入門講座 Effekseer編 Fカーブを使った吹雪エフェクトの作成 - ICS MEDIA
エフェクト作成ツール「Effekseer」(エフェクシアー)を使ったエフェクト作成の入門講座第3弾です。普段エフェクト作成やゲーム開発をしない方も、本記事をきっかけにエフェクト作成に興味をもってもらえたら嬉しいです。前回のエフェクトと同様に、作成したエフェクトはUnityに読み込んで使用したり、連番画像ファイルに出力することでWebGLやFlash等にも利用できます。「Effekseer」の使い方は第1弾の記事「エフェクト作成入門講座 Effekseer編 UVスクロールを使ったマグマエフェクトの作成」で解説していますので、あわせてご覧ください。 今回のお題：Fカーブを使った吹雪エフェクト やってみよう：吹雪エフェクトの作成 エフェクトの構成図です。今回は大きく5つのパーツから成り立っています。サンプルファイルをダウンロードして、記事と照らし合わせながら進めることができます。各エフェクトの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Brand new Portfolio, Build with Angular 2 - ClockMaker Demo
