これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata

2024/07/23 9 users インタラクション インスピレーション エフェクト コピペ

WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化... 続きを読む

「アニメイト」は、ラテン語や英語で「生命を与えよ」という意味だそう→「ここで命吹き込まれたオタクたくさんいる」と納得のオタクの皆さん - Togetter

2020/07/02 10 users Togetter アニメイト オタク 実体 ラテン語

暇だから語らせて アニメといわれるアニメーションですが元はラテン語の「生命-魂」を表すものが起源の「アニメイト」から来てます。英語でanimateはアニメーションを作ることも意味します。ので「アニメーションとは実体のないものに命を吹き込む作業」のことを言うといっても過言ではない 続きを読む

Adobe系ソフトの代替ソフトウェアのまとめ、Photoshop, Illustrator, Lightroom, After Effectsなど | コリス

2019/09/24 999 users Lightroom コリス Illustrator まとめ

Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの... 続きを読む

Adobe、「Flash Professional」の名称を変更　「Animate」に - ITmedia ニュース

2015/12/01 124 users ネイティブサポート WebGL SVG アドビシステムズ 名称

アドビシステムズは12月1日、Flash制作ソフト「Adobe Flash Professional CC」の名称を「Adobe Animate CC」に変更すると発表した。来年初頭に予定しているアップデートから適用する。 約20年にわたってWebアニメーション制作ツールの標準として利用されてきたが、既にHTML5 CanvasやWebGLのネイティブサポートも果たしている上、SVGなどさまざまな... 続きを読む

jQueryのanimateを色々試して比べてみた。 | WEB-LABO

2014/06/27 16 users jQuery オブジェクト メソッド 動作 オプション

jQueryのanimate()メソッドを使えば文字や画像などのオブジェクトを簡単に動かしてアニメーションさせることができます。この animate()メソッドは奥が深くて、オプションを指定することで動作をカスタマイズす […] 続きを読む

jQuery1.8系のanimate()で一部のAndroid端末が落ちる件[to-R]

2012/11/07 21 users jQuery animateメソッド CSS to-R 現象

jQuery1.8系のanimate()で一部のAndroid端末が落ちる件 Check Tweet jQuery1.8でjQueryのanimateメソッドが刷新されましたが、その影響で一部のAndroid端末(P01-Dとか)のブラウザでanimate()メソッドの処理でブラウザが落ちてしまう現象が発生します。 対応策としては jQuery 1.7.2に差し替える animate()をCSS3... 続きを読む

アイテムを浮遊させられるjQueryプラグイン「jqFloat」:phpspot開発日誌

2012/04/20 52 users jqFloat.js jQuery jQueryプラグイン

jqFloat.js ? A Floating Effect with jQuery! アイテムを浮遊させられるjQueryプラグイン「jqFloat」。 雲なんかの画像をプカプカページ内で浮かせることができたりします。 ページ内にアニメーションを設置して、楽しげな雰囲気を出す場合なんかに使えそうですね。 jqueryのanimateは本当に簡単に要素をアニメーションできるようにしましたがこれをう... 続きを読む

アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate - かちびと.net

2012/03/23 22 users エフェクト 貴方 キャッチコピー net 文字

アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animateのご紹介。キャッチコピーなんかに使えるかもしれないですね。 かちびと.netとは 貴方のネットビジネスを支えたい。かちびと.netはそんな思い... 続きを読む

アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate - かちびと.net

2012/03/23 378 users 備忘録 エフェクト アニ Flash キャッチコピー

使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できるjQuery プラグイン・Lettering Animate です。 プロダクトのキャッチコピーなんかもこの方法でユーザーの視点を誘導出来るかもしれないですね。Flashでは昔からよく見かける表現かもしれません。 Lettering Animate lettering.jsにアニ... 続きを読む

[JS]文字を楽しく見せる、カーブ状に簡単に配置できるスクリプト -Arctext.js | コリス

2012/01/25 120 users コリス Lettering.js スクリプト span set

Demo 4: Set/animate 「Animate me」でアニメーション。 Arctext.jsの使い方 Arctext.jsは「Lettering.js」をベースに文字をパスに沿わせて正しく回転させ配置します。 Lettering.jsについては、下記を参考ください。 HTMLファイルを汚さずに細かい設定でspanを挿入できるスクリプト -Lettering.JS では、Arctext.... 続きを読む

jQueryのanimateで自由にアニメーションできるようになろう | webOpixel

2011/12/27 189 users jQuery webOpixel

jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。 動かす前の準備 jQueryの前に動かす要素をhtml&cssで作成しておきましょう。 html <div id="box"></div> css #box { width: 100px; height: 100px; background: #3399FF; } ... 続きを読む

誰でもアニメが作れるWebサービス「Go!Animate」が、日本語のセリフに対応 | クリエイティブ | マイナビニュース

2011/11/14 50 users エーアイ インターフェイス クオリティー セリフ テンプレート

エーアイは、誰でも簡単にアニメーション動画が作れるWebサービス「Go!Animate」が、英語、スペイン語に続き、日本語テキスト入力に対応したと発表した。 「Go!Animate」インターフェイス。なお、同インターフェイスの日本語化も対応準備中とのこと 「Go!Animate」は、クオリティーの高いアニメーション動画が簡単に作成できるWEBサービス。キャラクターやモーションのテンプレートを豊富に... 続きを読む

[JS]アラート・ダイアログボックスの実装が簡単にできるスクリプト -Apprise | コリス

2011/04/18 60 users コリス jQuery apprise スクリプト true

apprise('Hello', {'animate':true}); アニメーション表示のアラートボックス サイトでは他にも多くのデモがあります。 Appriseの対応ブラウザ テスト済みのブラウザは、下記の通りです。 Chrome 8.0+ Firefox 3.0+ Safari 4.0+ Internet Explorer 9.0 Appriseの実装 外部ファイル スクリプト「jquery... 続きを読む