Yukopi - 寝起きヤシの木 (feat.歌愛ユキ)

2023/07/28 65 users Yukopi Lyrics 小津 Vocal 寝癖

ゆこぴです。寝癖が凄かった時のことです。 ・Music & Lyrics : ゆこぴ (http://twitter.com/yukopipikku) ・Animation: 小津 (http://twitter.com/Oz_yarimasu) ・Vocal : 歌愛ユキ ・Movie : ゆこぴ ・OffVocal : https://bit.ly/3Bq0Jnf ------------------------------------ 「寝起きヤシの木」 寝起きヤシの木 ど... 続きを読む

View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA

2023/05/10 87 users ICS MEDIA View Transitions 手段

今年3月に公開されたChrome 111とEdge 111にView Transitons APIが搭載されました。View Transitons APIを使うと、シンプルでスムーズな連続性のあるアニメーションを実装できます。 ウェブ技術でのアニメーションはさまざまな手段が存在します。CSSのtransitionやanimation、JavaScriptでのWeb Animations APIなど利用... 続きを読む

copypet.jp｜パーツで探す、web制作に使えるコピペサイト。

2018/03/16 438 users Web制作 パーツ コピペサイト 四角 コピペ

コピペでできるサイト作成。時間がないけどサイトやブログを作りたい時にパーツをコピーしてペッと貼るだけでいい感じに！コピペでできる！cssとhtmlのみで作るanimationの四角やバーを使ったローディングイメージ6種 続きを読む

animation - 最近のJS&CSSアニメーションライブラリまとめ - Qiita

2015/08/23 54 users Qiita

最近のHTML5アニメーションについてのまとめです。 まとめを紹介する前にCSS3アニメーション vs JSアニメーションのパフォーマンスについての有名な海外の記事を紹介します。 http://davidwalsh.name/css-js-animation 大雑把に内容を要約すると、以下のようなお話です。 - DOMを操作したJavaScript AnimationよりCSSの方が早い - ただ... 続きを読む

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ - CSS Animation

2015/04/12 405 users CSS HTML css animation ディズニー社

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を利用します。しばしばページに変化（英: Transition）やアニメーション（英: Animation）を加えるために... 続きを読む

Blender で UE4 用 3D モデルを作って Import するまでに守るべきことまとめ | rarilog

2015/03/14 50 users Blender import Skeleton FBX UE4

Blender で 3D モデルを作成して FBX として Export し、UE4 に Import するまでの過程で、守らなければならないこと・行った方がよいことについて解説していきます。 ここでは、Bone (Blender: Armature, UE4: Skeleton) と複数の Animation (Blender: Action, UE4: Animation Sequence) ... 続きを読む

ディズニー社に学ぶ！魅力的なアニメーションの12の原則 | nanapi TechBlog

2014/07/23 143 users nanapi TechBlog アニメーション 原則 web

はじめに はじめまして！ワニ好き新卒デザイナー、takanaです。 先月発表されたGoogleのMaterial Design、スマートデバイス時代らしいデザインの考え方が詰め込まれていて、非常に心躍る内容でしたね！中でも私が一番ワクワクしたのは、「Animation」の項目です。アプリやWebにおけるアニメーションの重要性については、AppleのiOS Human Interface Guide... 続きを読む

Animation & UI - YI

2014/04/10 334 users コックピット ユーザビリティ グラフィック コンピュータ 視点

2014-04-09 Animation & UI ロボットアニメを見ていると、コックピットやコンピュータのディスプレイ等、デザインされているモニターグラフィックスが気になってくる。単純にかっこいい悪いという視点もあるし、私は特にグラフィックの勉強をした訳ではなかったので知らなかったのだが、ヤコブ・ニールセン博士のユーザビリティの五原則などに則って見る視点もあるようだ。　ロボットアニメのUIについ... 続きを読む

[CSS]画像やボタンなどのクリック・ホバー時にCSS3アニメーションを簡単に与えることができる -All Animation | コリス

2014/03/03 119 users コリス jQuery ポパー class CSS

画像やボタンなどの要素にclassを与えるだけで、さまざまな面白いCSS3アニメーションを利用できるスタイルシートを紹介します。 トリガーにjQueryを使うことで、クリックやホバーなどのアクションでも簡単に利用できます。 All Animation All Animation -GitHub All Animationのデモ All Animationの使い方 All Animationのデモ ... 続きを読む

アニメ視聴をチケットで管理するサービス「Animetick」をリリースしました。 - kazz187.log

2013/09/01 253 users Animetick ticket 今季 チケット アニメ視聴

2013-09-01 アニメ視聴をチケットで管理するサービス「Animetick」をリリースしました。 Animation + Ticket = Animetick 先日、 Animetick というサービスをリリースいたしました。 Animetick 「今季のアニメは何を見てたっけ？」 「今日は何が放送されるっけ？」 「このアニメ、どこまで見てたっけ？」 日々、たくさんのアニメを見ている人なら誰... 続きを読む

Minified.js - A Truly Lightweight JavaScript Library

2013/07/13 57 users events manipulation

Minified.js is a client-side JavaScript library, comparable to jQuery and MooTools in scope. Its features include DOM manipulation, animation, events, cookies and HTTP requests. Minified is smaller! M... 続きを読む

要素を変化させる、CSS3「transform」のおさらい｜WEB Drawer

2013/01/15 79 users transform ベンダープレフィックス 初歩 おさらい

今回は、指定した要素を変化させる「transform」を詳しく見ていきたいと思います。 指定後の画像を見てもいまいちどのような変化があるかわかりづらいと思うので、前回の記事CSSアニメーションの初歩をおさらいで紹介した、animationを使って 変化の状態を見ながら確認しようと思います。今回も説明のベンダープレフィックスは省略していますが、動作はFirefoxとChromeの最新で確認しています... 続きを読む

CSSアニメーションの初歩をおさらい｜WEB Drawer

2012/12/20 239 users 初歩 おさらい CSSアニメーション WEB Drawer

最近はアニメーションをFlashではなく、CSSやJavaScriptで実装されているサイトをよく見るようになりました。 今回は復習も兼ねて、CSSで動きを付けられるanimationとtransitionのおさらいをしてみたいと思います。 ベンダープレフィックスをつけないと動かないブラウザもありますが、省略します。 animationとtransitionの違い どう違うのかなと思って調べたので... 続きを読む

F1マシンの進化の歴史が1分間でわかるムービー - GIGAZINE

2012/07/18 65 users GIGAZINE フォーミュラカー F1マシン ムービー 進化

1950年から開催されているF1世界選手権では、市販車とは全く別の規格で作られたフォーミュラカーが使用されていますが、マシンは進化と規格の変更によって見た目も大きく変わっています。その様子をわずか1分間にまとめたムービーがこちら。 Rufus Blacklock - Animation & Design: Evolution of the F1 Car: Infographics Evolutio... 続きを読む

『魔法少女まどか☆マギカ（PUELLA MAGI MADOKA MAGICA）』　監督新房昭之　脚本虚淵玄　まどかは何を救ったのか？〜世界には解決すべきでないことがある - 物語三昧〜できればより深く物語を

2011/04/30 53 users PUELLA MAGI マギカ 物語三昧 魔法少女まどか 系譜

自意識という病からの脱出〜Escape from sickness of self-consciousness, 並行世界の物語の系譜, ★★★★★星５, Masterpiece, 批評：Animation, 新房昭之, 魔法少女まどか☆マギカ, 虚淵玄評価：★★★★★５つのマスターピース （僕的主観：★★★★★５つ）先程12話視聴終了。ガッツリ書こうと思うと、描けなくなってしまう昨今なので、思い... 続きを読む

hibomaのはてなダイアリー - Yahoo! UI Librady の訳　まとめ

2006/02/15 210 users hiboma DOM Cal Event Yahoo

Yahoo! User Interface Library　概要 【概要の前半】【概要の後半】Yahoo! User Interface Library::Core Utilities 【Animation】【Connection Manager】【Dom】【Drag and Drop 】【 Event】Yahoo! User Interface Library::UI Controls 【Cal... 続きを読む