なぜ高層ビルからネズミとゾウを落とすとネズミだけ生き残るのか？ - GIGAZINE

2017/08/14 44 users 脅威 ムービー GIGAZINE 生物 生命

地球上にはさまざまなサイズの生物が存在しており、サイズが異なると高いところから落下した時の結果や、生命の脅威となる対象まで異なってきます。そんな生物によって異なるサイズの影響については、「高層ビルからネズミとゾウを落とすとどうなるのか？」などを例にアニメーション付きで分かりやすく解説したムービー「 What Happens If We Throw an Elephant From a Skyscr... 続きを読む

「重力のおり」に閉じ込められた地球から脱出する方法を簡単に説明するとこうなる - GIGAZINE

2017/02/03 82 users 万物 GIGAZINE 刑務所 燃料 ロケット

地球に「重力」があることは今や誰でも知っていることですが、言い方を変えれば地球上の万物はすべて、「重力の刑務所」にとらわれているようなものです。地球の重力から脱出するには、大量の燃料を爆発させて炎を噴射する宇宙ロケットが必要になるのですが、地球になぜ重力が存在するのか、ロケットはどのようにして重力に打ち勝つことができるのか、ということがアニメーション付きで分かりやすく解説されています。 Why E... 続きを読む

世界人口の増加は人類の破滅を導くのか？ - GIGAZINE

2016/12/26 25 users GIGAZINE YouTube 破滅 人類 増加

世界人口は2016年現在で約73億人となっており、今後も増加傾向にあります。この1世紀の間に世界人口はなんと4倍にまで増加しているのですが、世界人口の増加によって何が起きるのか、ということがアニメーション付きで説明されています。 Overpopulation – The Human Explosion Explained - YouTube これまでの歴史上で、地球上に今ほど人間が存在したことはあ... 続きを読む

Gitの使い方をアニメーション付きで学べるサイト「Learn Git Branching」 ｜ ライフハッカー［日本版］

2016/05/09 344 users Git カメきち Learn Git Branching

カメきち  -  Webサービス     07:00 PM Gitの使い方をアニメーション付きで学べるサイト「Learn Git Branching」 「Learn Git Branching」は Gitの使い方をアニメーション付きで学べるサイト です。Gitを使い始めて間もない方には重宝するサイトだと思われます。Gitでいまどういったフローになっているかを視覚的に分かりやすく解説してくれます。ブ... 続きを読む

フェード表示やタイピング風など、テキスト表示に動きをつけられるjQueryプラグイン 8 | NxWorld

2015/11/09 66 users フェード 備忘録 NxWorld jQueryプラグイン 回転

いずれもテキストがフェードや回転といったアニメーション付きで表示されたり、一文字ずつタイピングされているような見せ方を実装することができるjQueryプラグインです。同じようなプラグインが並んでいる感じですが、軽量なものやオプションが豊富に揃っているもの、日本語にもしっかり対応しているかなどそれぞれ特徴もあるので、こういったものを使いたい時に少しでも選択肢が広がるよう良さそうなものを備忘録兼ねてま... 続きを読む

ミニマルテイストなフルスクリーンメニューを実装できる「jQuery fatNav」 | bl6.jp

2015/04/30 20 users ミニマルテイスト ナビゲーションメニュー メニューアイコン

jQuery fatNavはミニマルテイストなフルスクリーンのナビゲーションメニューを実装することができます。デモではメニューアイコンをクリックするとオーバーレイでアニメーション付きのメニューが表示されます。フワッとさりげない感じで表示されるのがとてもお洒落ですね。 以下はjQuery fatNavのデモになります。シンプルでスッキリしたデザインが特徴的です。 デモ メニューはフェードでズームイン... 続きを読む

フラットデザインのアイコンセット 40 #2 | NxWorld

2014/07/22 112 users アイコンセット NxWorld デザインアイコン 機会 カラー

まだまだ使う機会も多そうだし、カラーの参考とかにもしたいと思ってメモしていたフラットデザインのアイコンセットが溜まってきたので整理兼ねてシェアします。中には単なるデザインアイコンではなく、アニメーション付きのもあります。 続きを読む

プログレスバーにもなるフラットなボタン実装デモ:phpspot開発日誌

2013/12/17 19 users プログレスバー phpspot開発日誌 UIパーツ ボタン

プログレスバーにもなるフラットなボタン実装デモ 2013年12月17日- Progress Button Styles | Codrops プログレスバーにもなるフラットなボタン実装デモ。 ボタンを押すとボタン自体がプログレスバーになって進むというUIをフラットで、１８種類ものアニメーション付きで実装したデモです。 １つのUIパーツで複数の意味をもたせてよりシンプルなUIが実現できますし、フラット... 続きを読む

faviconにアニメーション付きのバッジをつけられる「favico.js」:phpspot開発日誌

2013/09/09 80 users favicon バッジ タブ phpspot開発日誌 件数

faviconにアニメーション付きのバッジをつけられる「favico.js」 2013年09月09日- favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりや... 続きを読む

Facebook、メッセージ用スタンプをウェブでも提供。担当デザイナーは退社 | TechCrunch Japan

2013/07/03 23 users Facebook sticker 退社 ウェブ 担当デザイナー

Facebookは、プライベートメッセージにスタンプ ― キュートでアニメーション付きもある既製の画像［英語版ではsticker］ ― をウェブでも提供開始した。Facebookは、4月からモバイルでスタンプを提供しているが、これからはウェブでも無料のスタンプパッケージ16種類から好みのセットを選べる。スタンプで、Facebookユーザーが他のメッセージサービスへ移行することを阻止できるかもしれな... 続きを読む

これは新しい!パネルレイアウトが美しいスライドショー実装デモ:phpspot開発日誌

2012/07/04 40 users phpspot開発日誌 Codrops Flash 一見 価値

Responsive 3D Panel Layout | Codrops これは新しい!パネルレイアウトが美しいスライドショー実装デモ。 複数の文字や写真をアニメーション付きで美しく切り替えていくデモです。 Flashはなしで、レスポンシブに動くよう設計されています。とにかくカッコいいので一見の価値があります。 Flashを使わないでも実用的で有用な物がどんどん増えていきますね。 Flashに比べ... 続きを読む

[JS]超軽量だけど、高性能なモーダルウインドウを実装するスクリプト -TinyBox2 | コリス

2011/03/30 191 users コリス モーダルウインドウ クローズボタン スクリプト 超軽量

jQueryなどの他のスクリプトに依存せずにモーダルウインドウを実装する高性能で超軽量（5KB）のスクリプトを紹介します。TinyBox2のデモデモはシンプルなモーダルウインドウから、アニメーション付き、AJAX対応、iFrame対応、画像対応などがあり、どれも実用的なものとなっています。 ウインドウをクローズする際はクローズボタン、もしくはウインドウ外のクリック、「ESC」キーの操作に対応してい... 続きを読む