世界の「びじゅつ」をユニークな歌とアニメ(by井上涼)で表現。作品の魅力をあなたのハートに強烈インプット! #bijutune
![びじゅチューン! - NHK](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac4aa085991fe30b2d8de501e43063e19543c485/height=288;version=1;width=512/http%3A%2F%2Fwww.nhk.or.jp%2Fbijutune%2Fimg%2Fshare.jpg)
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
ボタンやパネル、レイアウトなど、最近はWebのユーザインターフェイスでさまざまなアニメーションが利用されています。WebページのUIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアルを紹介します。 アニメーションを魅力的に動かすテクニックを段階的に解説しているので、それぞれの効果がよく分かります。 Giving Animations Life 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Step 1: まずはシンプルに動かしてみよう Step 2: バウンドを加える Step 3: バウンドを自然な動きにする Step 4: ディズニー®の12の基本原則を取り入れる Step 5: アニメーションを誇張する Step 6: アニメーションに命を吹き込む キーフレームを簡単に設定できるスクリプト St
「CSS3 ANIMATION CHEAT SHEET」ではHTMLの要素に滑らかなアニメーションをつけられるCSSが公開されています。CSS3からアニメーションやキーフレームを指定できるようになり、JavaScriptを使わなくてもCSSのみでアニメーションが簡単につけられるようになりました。よく使われそうなアニメーションをひとまとめにしたCSSがダウンロードできます。 以下に使ってみた様子を載せておきます。まずCSS3 ANIMATION CHEAT SHEETへアクセスしましょう。トップにおじさんの絵がありますが、サンプルの動きに使われます。 アニメーション例はたくさんあります。よく使われるスライドイン・アウトを始め、拡大縮小やバウンドもありますよ。それぞれの項目をクリックすると、おじさんの絵が実際に動いて動作の確認ができます。 使い方は簡単で、配布されているCSSをダウンロードして
Are you searching Free Guest Posting Submission Site? Before you submit, check out this list of guidelines to make sure your post is up to par. By following these simple tips, you can increase your chances of having your guest post accepted - and make a great impression on the blog's regular readers.> No one's life is as perfect as it seems on social media. So next time you're feeling down, rememb
マテリアル・デザインで覗く、Androidの美しい未来2014.08.29 14:00 scheme_a ヴァージョンアップが俄然楽しみになってきた! Androidの新ヴァージョン(レモンメレンゲパイ?)の開発と共に、グーグル全体に新しいデザインが生まれようとしています。現在はまだベータですが、デザイナの皆さんは早速グーグルの新しいガイドラインで色々と試しているようです。 以下のGIFは公式なアプリのデザインではありませんが、優秀なデザイナさん達による、マテリアル・デザインを使ったポピュラーなアプリの予想です。実物がこれらに半分でも近いなら、実に美しいアプリが待っているのではないでしょうか?
数学って魔法みたい。 算数や数学が嫌いな子どもにこれを見せてはどうでしょう。数学を利用したGIFアニメーションです。数学とはただの数字ではなく、ヘンテコで楽しい不思議な世界だということがよくわかります。 物理学科の学生David Whyteさんは、彼のTumblrアカウントBees & Bombsに、たくさん数学GIFをポストしています。これらのGIFは、Davidさんがオープンソースのプログラム言語Processingを使って作ったもの。 また別のTumblrアカウントArcheryでは、Mathematicaというプログラムを使ったGIF画像があがっています。ネタ元のTumblrでは、各GIF画像に使われた公式や解説つき。 ブラジルの物理学科の学生Lucas Vieira Barbosaさんは、Villarceau Circles(完璧な円のペアとドーナツ型の話)のWikipediaペ
こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks(クオートワークス)のムラマツ(マツムラではありません)です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。(すみません!サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます) line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/
いつか使いそうなのでメモ的にエントリー。 JavaScriptでアニメーションするゲージを作れるのがJustGageだ。 ちょっとしたダッシュボードなどに使えていいのではなかろうか。 もちろん色やアニメーション速度もカスタマイズすることができる。 マークアップも簡単なので覚えておいてもいいですな。
The Zoomquilt A collaborative infinitely zooming painting Created in 2004 Up and down keys to navigate A project by Nikolaus Baumgarten Participating illustrators: Andreas Schumann, Eero Pitkänen, Florian Biege, Jann Kerntke, Lars Götze, Luis Felipe, Marcus Blättermann, Markus Neidel, Paul Painter, Oliver Schlemmer, Sonja Schneider, Thorsten Wolber, Tony Stanley, Ville Vanninen The Zoomquilt on Yo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く