並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 11700件

新着順 人気順

アニメーションの検索結果121 - 160 件 / 11700件

  • ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ

    ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max

    • お洒落なgifを淡々と貼って行く : まめ速

      1:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 19:32:30.92ID:WKVFtnuu0 こんな感じの 2:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 19:35:39.71ID:WKVFtnuu0 3:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 19:36:38.70ID:gi1qSk5L0 うおっびっくりしたー 心臓止まりかけたわ… 4:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 19:38:10.74ID:WKVFtnuu0 5:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 19:40:30.01ID:WKVFtnuu0 6:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 19:42:16.27

        お洒落なgifを淡々と貼って行く : まめ速
      • インターネットラジオステーション<音泉>

        インターネットラジオステーション<音泉>はアニメ・ゲーム・声優系を中心としたラジオを配信するサイトです。24時間毎日いつでも好きな時、好きな番組がカンタンに聴けます!移動時や作業中におすすめのスマートフォンアプリでも配信中!音泉プレミアムサポーターだけが楽しめるアプリ限定番組は必聴です!

        • パララックスサイトの作り方の初歩

          最近パララックス(視差効果)を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量:" + y);//表示用 }); }); サンプルペー

            パララックスサイトの作り方の初歩
          • サービス終了のお知らせ - NAVER まとめ

            サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

              サービス終了のお知らせ - NAVER まとめ
            • ヱヴァンゲリヲン新劇場版:Q_冒頭6分38秒_宇宙考証の解説

              ヱヴァンゲリヲン新劇場版:Q 冒頭6分38秒 宇宙考証の解説 平成24年11月23日 初版 平成24年11月26日 第1.1版 文章と数値を修正 平成24年12月 6日 第1.2版 文章と図の修正と「ヒルの方程式」に追記 平成25年 4月24日 第Ω版 「今後の課題」に追記.これにて最終版とする. 平成26年 9月 5日 第Ω-β版 「Q」地上波初放送に向けて語弊のある記述に補足 1.はじめに このサイトは「ヱヴァンゲリヲン新劇場版:Q」の冒頭6分38秒について,幾つかのシーンがどのような物理法則に基づいているのか,それが実際に成り立つのかどうか,と言うことを,実際の宇宙工学の立場から考察を行うものです. このサイト及び内容は,本サイトの筆者の独断によるものとなっています. 従って,実際の設定とは異なる可能性があることと,本サイトに記載されている全ての事項についての文責は本サイトの著者にあ

              • 宮崎駿が38歳で監督デビューした時の鬼畜エピソードクソワロタwwwwwww : 哲学ニュースnwk

                2020年11月29日08:00 宮崎駿が38歳で監督デビューした時の鬼畜エピソードクソワロタwwwwwww Tweet 1: 以下、5ちゃんねるからVIPがお送りします 2020/11/29(日) 04:09:07.136 ID:k7quoMIg0 大塚っていうパヤオの先輩が映画版ルパンの監督をやることになったんだが 鈴木清順の書いた脚本がゴミ過ぎて大塚がパヤオに「監督なんかやりたくねえよ」と電話した そしたらパヤオが「じゃあオレがかわりにやるわ」と立候補 パヤオはその日のうちに手伝っていた高畑の赤毛のアンの仕事を辞職(メインスタッフなのに)して(高畑は激怒)会社も辞めて大塚のスタジオに移籍した つづく 2: 以下、5ちゃんねるからVIPがお送りします 2020/11/29(日) 04:10:44.028 ID:k7quoMIg0 大塚のスタジオに移籍してくるときにパヤオは丹内司っていう

                  宮崎駿が38歳で監督デビューした時の鬼畜エピソードクソワロタwwwwwww : 哲学ニュースnwk
                • 『かぐや姫の物語』の、女の物語 - 戦場のガールズ・ライフ

                  『かぐや姫の物語』を観た。強い衝撃を受けた。昔話のあらすじそのままでありながら、昔話ではなかった。これは、あきらかに現代を生きる女の話だった。震えた。 思春期を迎える頃に、かぐや姫は生まれ育った山を離れ、都へと連れていかれる。この時点でいくつかの喪失がある。子供時代の喪失。野山を駆け巡る生活の喪失。遊び仲間の喪失。姫は、このときまだ自分が何を失ったのか理解していないが、「子供時代の喪失」は、女にとって、人間性を一度失うことと同じである。女にとって、大人になるということは、ただ子供から大人になるということではない。大人ではなく、「女」になれ、という周囲からの強制が必ず働く。ただ自分の意志で好きなことをし、気持ちをそのままに表現できた子供時代を失い、人目を気にして誰から見られても恥ずかしくない「女」になれと強いられるのは、自分自身を捨てろと言われているのに等しい。都に移り住んだ姫は、走り回るこ

                    『かぐや姫の物語』の、女の物語 - 戦場のガールズ・ライフ
                  • jQuery+CSSで実装するナビゲーションメニュー総集編

                    cssやプログラミングcss+jQuery jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Do

                      jQuery+CSSで実装するナビゲーションメニュー総集編
                    • テクノロジー : 日経電子版

                      12月9日の米ハワイ州ホノルル市で、46回目となるJALホノルルマラソンが開催された。そのスタート地点に、4万2914番のゼッケンを着けたNTTドコモの吉沢和弘社長の姿があった。N…続き 「共通ポイント」獲得しやすく 併用対応の店舗増加 ポイント、投資の入り口に Tポイントで新証券会社 [有料会員限定]

                        テクノロジー : 日経電子版
                      • アニメーター 岩根雅明さんによる振り向き作画のバリエーション

                        岩根雅明 MASAAKI IWANE @animator1965 今日はホテルで描いてたピカチュウの振り向きアニメバリエーション。基本的にスタート12コマ止まってて振り向き12コマでラスト12コマ止め その1単純に原画2枚なのでアニメとは言えません(でも歴史上これで放送されたパターンもありますが pic.twitter.com/BPhLrnyDfE 2019-06-10 21:24:35

                          アニメーター 岩根雅明さんによる振り向き作画のバリエーション
                        • 『けもフレ』騒動を、元アニメ版権営業が丁寧に解説する(1)

                          10/02追記:この記事は、元々は怒りを原動力として書いたものなので、 こういう書き方になってしまったのですが、 そんな表現では正しく伝わらないよ、という指摘を数多くの方から頂きました。 不快にさせてしまった方々、申し訳ありませんでした。今後同じ間違いをしないようにします。 ↓に、表現を修正したものをアップします。 https://anond.hatelabo.jp/20171002002200 これをそのまま修正するのはずるいので、この元記事は残しておきます。申し訳ありませんでした。 -- 長いので2本立てです。(1)は基本知識編、 (2)では業界文化に触れながらの経緯の「想像」を書いてますが、 趣旨は「KADOKAWAを現状出ている情報だけで叩くのはやめよう」です。 (2)→https://anond.hatelabo.jp/20170930051452 -- けもフレ炎上に関して、

                            『けもフレ』騒動を、元アニメ版権営業が丁寧に解説する(1)
                          • 乱数にコクを出す方法について

                            深津 貴之 / THE GUILD / note @fladdict アニメーションの監修で、「 Random();の代わりに、(Random()+Random()+Rrandom()+Random()+Random())/5.0f; を使うと、動きにコクが出る」と言ったら、ピュアオーディオ扱いされるのですが・・・これは根拠のあるアルゴです。 2016-11-03 11:29:43 深津 貴之 / THE GUILD / note @fladdict 乱数のコクをチューニングする話をすると、なぜピュアオーディオ扱いされるのか? みんな乱数の波動を、もっと体で感じようよ。全然ヴァイブレーションが違うよ。 2016-11-03 11:36:47

                              乱数にコクを出す方法について
                            • JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times

                              どうも、まさとらん(@0310lan)です。 今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ&レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式

                                JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times
                              • アニメおすすめ比較ランキング。神アニメはこれ!名作面白いアニメ決定版

                                2019年に話題を集め、視聴者からの評価も高かった作品を厳選すると、まずはSFアニメの『7SEEDS』が挙がります。 また、新宿駅でイベントが行われるなど盛大に名前を轟かせ、とにかく面白いと評判になった『PSYCHO-PASS(サイコパス)』の続編(第3期)も高評価を獲得しました。 オリジナルアニメ、漫画原作、ライトノベル原作と、とにかくバランス良く神アニメが登場した2018年~2019年。さっそくランキング1位~13位を一挙に確認していきましょう。 2019年・2018年総合評価ランキング ■2019年・2018年総合評価ランキング■ 1位 『7SEEDS』 2位 『PSYCHO-PASS(サイコパス)3』 【30日間】無料で見たい人はこちら 3位 『この素晴らしい世界に祝福を!紅伝説』 4位 『アサシンズプライド』 5位 『鬼滅の刃』 【30日間】無料で見たい人はこちら 6位 『俺を好

                                • 「え?それそんなかかるの?」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                  多! そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度:★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ!うちもこんなんやりたい!と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法(CSSのtransformとJSを組み合わせるなど)で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ

                                    「え?それそんなかかるの?」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                  • 【速報】宮崎駿監督、ドワンゴ川上会長にマジギレ : IT速報

                                    1: フェイスクラッシャー(catv?)@\(^o^)/ [ニダ] 2016/11/13(日) 22:59:32.43 ID:w8L1EmJJ0.net BE:323057825-PLT(12000) ポイント特典 ドワンゴ「人口知能を使って気持ち悪い動きをするアニメーションを作りましたwww」 宮崎駿「障がい者を馬鹿にしてるのか?君たちは痛みを知らないんだね。だからこういうふざけたものが作れるんだ」 ドワンゴ「...」 ソース:NHK 動画

                                      【速報】宮崎駿監督、ドワンゴ川上会長にマジギレ : IT速報
                                    • 無料の期間限定で3D人物CG作成ソフト「DAZ Studio 4 Pro」が入手可能

                                      本来なら429.95ドル(約3万5000円)するものが3月31日までの期間限定で0ドル、つまり無料で入手可能となっています。機能制限などはなし、しかも簡易版ではなく3つあるバージョンのうちなんと最上位版の「Pro」、さらに正真正銘の製品版としての利用が可能であり、Windows版(32bitと64bit)とMac版が用意されています。 DAZ 3D - Free 3D Software and 3D Model Providers http://www.daz3d.com/i/products/daz_studio どのようにしてCGが作成できるかというと、基本的にはあらかじめ用意された素材をいろいろとマウスで動かしてポーズを付けたり、髪型や肌の色やもうとにかくあらゆるパラメーターをいじくり倒したり、服やコスチュームを着せまくったりすることが可能となっています。単純な静止画としてのCGだけ

                                        無料の期間限定で3D人物CG作成ソフト「DAZ Studio 4 Pro」が入手可能
                                      • NHKニュース

                                        介護保険料改定 自治体間で約6000円の差も あなたの住む街は? 厚生労働省 5月14日 18時08分 NEW 災害関連死 30人認定するよう答申 審査会初会合 能登半島地震 令和6年能登半島地震 5月14日 19時05分 NEW 埼玉 首都高3人死亡事故 通行止め解除は15日早朝の見通し 事故 5月14日 20時50分 NEW 大分 製鉄所 溶かした鉄が入った設備に男性従業員転落か 大分県 5月14日 18時55分 NEW 堀江貴文さんかたる偽広告を見た女性 約1億円の詐欺被害 大阪 事件 5月14日 21時27分 NEW 宇野昌磨 引退会見「自分を褒めたい」晴れやかに語る【詳細】 フィギュアスケート 5月14日 16時25分 NEW ローマ字表記 70年ぶり改定も視野に 文化庁の審議会に検討諮問 イラン革命防衛隊 ミサイル関連施設ルポ 記者が見たものとは 高知にアニメ産業を 地元信金が

                                          NHKニュース
                                        • 【画像】こういう「仕組み」がわかるGIFとか画像あげてけ | 不思議.net - 5ch(2ch)まとめサイト

                                          不思議ネット とは 不思議.netでは5ちゃんねるで話題になっているスレを厳選してお届けするサイトです。普段5chを見ない人でも気軽にワクワクできる情報サイトをころがけて毎日絶賛更新中!

                                            【画像】こういう「仕組み」がわかるGIFとか画像あげてけ | 不思議.net - 5ch(2ch)まとめサイト
                                          • 作る: アマガミSSテレビ - The Great Underground Home Page

                                            Raspberry Pi 2 Model Bを買ったので、元々持っていた初代Model Bが余った。Raspberry PiというのはUSBの電源でLinuxが動くパソコンの事ですな。 ところで俺はアマガミSS(とSS+)というアニメが好きで、このアニメだけを24時間延々と流してくれるケーブルテレビが無いものかずっと考えていた。なんでも北欧には暖炉の火がひたすら燃えているだけのテレビがあるとの事で、さすが無神論者の国々は違うと感心したのだが、需要的にはあれと似たような感じだ。 そこでこの余ったRaspberry Piで俺ん家のモニターにアマガミSSを流し続ける装置を作ってみる事にしました。 ふだんはケースに入れてあるのだ さいわいアマガミSS/SS+は2012年の改正著作権法が施行される前のアニメで、BDからエンコードした動画ファイルが手元にある。元より施行前だろうが後だろうが俺が買ったB

                                              作る: アマガミSSテレビ - The Great Underground Home Page
                                            • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

                                              『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

                                                ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
                                              • B!KUMA Q - ネットで話題のヱヴァ関連情報をまとめてチェック!

                                                「ヱヴァンゲリヲン新劇場版:Q」の公開を記念して、スマホ向けアプリB!KUMA(ブクマ)シリーズに、新しい仲間が登場しました。その名も「B!KUMA Q」! B!KUMA Qを使うと、ネットで話題になっているヱヴァンゲリヲン(エヴァンゲリオン)情報をまとめてチェックできます。 このキャンペーンは終了しました。たくさんのご応募ありがとうございました。 B!KUMA Qのリリースにあわせて、プレゼントキャンペーンを実施します!賞品は、ヱヴァファンにはたまらない、新劇場版の全てが詰まった「全記録全集」のセット。さらに、「ヱヴァンゲリヲン新劇場版:Q」の特典付きチケットもご用意しました。応募方法は、このページをはてなブックマークに追加するだけ。ぜひご応募ください! 「ヱヴァンゲリヲン新劇場版:全記録全集」とは 庵野秀明総監督監修のもと、ヱヴァンゲリヲン新劇場版の制作会社であるカラーが編集。過去に発

                                                  B!KUMA Q - ネットで話題のヱヴァ関連情報をまとめてチェック!
                                                • 榊原良子『私の記憶に残る「パトレイバーMovie2」』

                                                  榊原良子オフィシャルブログ Powered by Ameba 榊原良子オフィシャルブログ Powered by Ameba ムック「後藤喜一×ぴあ」を読んでくださった方々がたくさんいらっしゃいました。 コロナ禍の大変な時期に、多くの方にご散財をかけてしまいました。 ごめんなさい。 そして、ほんとうにありがとうございます。 大林隆介さんも私も、宣材用の写真を掲載させていただきましたが、 宣材用写真はどうしても固い感じになってしまいますよね。 因みに私は、写真を撮られるのが大の苦手! 笑顔がいつもこわばってしまいます。 あの真っ黒なレンズで見られていると、 スタンリー・キューブリックの「2001年宇宙の旅」に出てくる 人工知能“HAL”を思い出してしまって、 どうしても防御態勢に入ってしまいます。怖い…。 友人たちとのプライベート写真の時の私は、 いつもお茶らけた変顔で写っています。 私のこと

                                                    榊原良子『私の記憶に残る「パトレイバーMovie2」』
                                                  • 「緊張の糸は、高畑さんが亡くなってもほどけない」――鈴木敏夫が語る高畑勲 #3 | 文春オンライン

                                                    今年4月、映画監督の高畑勲さんが亡くなった。プロデューサーとして支えてきたスタジオジブリの鈴木敏夫氏が語る高畑さんの記憶――それは決して美談ではなかった。(#1、#2より続く最終回) ◆ ◆ ◆ この作品はいつ完成し、世の中に出せるのか。僕としてはいっさい考えていませんでした。完成したときに公開すればいい。そう腹を括って、予算を含めた態勢を組んでいたんです。間に合う間に合わないですったもんだすることに、ほとほとうんざりしていたということもあるし、高畑さんに気のすむまでやってもらおうという気分もありました。結果的に8年の歳月をかけて、日本映画史上最大の50億円もの予算を費やすことになるわけですが、僕としてはいっさい焦りを見せないようにしていました。 「かぐや姫」と「風立ちぬ」同時公開というアイデア それでも、完成の目処がついたと報告を受けたときは心が揺らぎました。というのも、西村が言ってきた

                                                      「緊張の糸は、高畑さんが亡くなってもほどけない」――鈴木敏夫が語る高畑勲 #3 | 文春オンライン
                                                    • モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI

                                                      モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛(ピクシブ株式会社) こんにちは、ふろしきです! 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL(モバイルWebが目指すべきパフォーマンス指標)」や「Progressive Web Apps(アプリのように振る舞うWeb)」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A

                                                        モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
                                                      • 京都アニメーションで働いていた方が語る京アニ史

                                                        荒木 冬海 @kintoki_gorojim 八田社長、やりきれないだろうな。社長は温厚な人だった。いつもゴムホースでスタジオの前に水を撒いてた姿が思い出される。 2019-07-20 00:08:57 荒木 冬海 @kintoki_gorojim 今までは私的なスナップ写真は貼らないと思っていたんだけど、今回の件でいつかは海外の方やジャーナリストの方がきちんとした研究書などを執筆する可能性もあると思い、わずかでもそのよすがになると思っていくつか貼らせて頂きます。 2019-07-20 01:38:36 荒木 冬海 @kintoki_gorojim そもそも京アニは地理的に東京から離れているので、業界の中でも特にベールに包まれていると感じる向きも多いと思いますね。私自身、関西のこんな所にアニメスタジオってあるんだ!?っていう感じでしたから。一応、希望は動画でしたが、その頃はまずみんな仕上げ

                                                          京都アニメーションで働いていた方が語る京アニ史
                                                        • _level0 | Kayac Interactive Designer's Blog

                                                          KAYAC Front End Engineer チームによるHTML5 iOS Android ActionScript Flash イベント デザイン ニュースのブログ

                                                            _level0 | Kayac Interactive Designer's Blog
                                                          • 今風になった!Web制作で使える最近のjQueryプラグインまとめ

                                                            作成:2014/10/14 更新:2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き 1.ジオメトリック 背景 2.フルスクリーンでスライドさせる 3.ドロアー風ライトボックス 4.動画を再生するタイプ3つ スクロール 5.スクロールでクロスフェード 6.スクロールで奥行きを表現 7.スクロールで分割 画像 8.APNG 9.Google 画像検索風ライトボックス 10.トイカメラ風のフィルター ポップアップ 11.おしゃれなアラート 12.

                                                              今風になった!Web制作で使える最近のjQueryプラグインまとめ
                                                            • もうFLASH不要かも? HTML5アニメ作成ソフト「Hype」登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave(テックウェーブ)

                                                              [読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ

                                                                もうFLASH不要かも? HTML5アニメ作成ソフト「Hype」登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave(テックウェーブ)
                                                              • [JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ

                                                                fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。

                                                                • 崖の上のポニョが神過ぎた件:ハムスター速報 2ろぐ

                                                                  崖の上のポニョが神過ぎた件 カテゴリ☆☆☆☆☆ 映画作品・映画人板からです。スレ投稿ありがとうございました。 ポニョのネタバレあり 管理人はこのスレ見てからもう一度見ようと思いました。 かなりレス番いじくって引用してます。 2008/09/03 21:30追加更新: 497氏からメールにてコメントを頂いたので記事末尾に掲載いたしました、興味ある方はご覧ください。 30 :名無シネマ@上映中:2008/08/08(金) 21:11:06 ID:gI67iKAK ポニョ見てガクガク震えた俺がきましたよ。 この映画はすげえよ。神かは知らんがすげえよ。 間違いなく宮崎駿の集大成だ。 ここでチラ裏させてくれ。 名無シネマ@上映中:2008/08/08(金) 21:16:18 ID:gI67iKAK 俺の知識は一夜漬けレベルなので詳しい人は補完たのんます。 宮崎監督は神話の要

                                                                  • HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO

                                                                    そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript(jQuery)でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu

                                                                    • 日本アニメが世界ヒットしても何故クリエイターにお金が届かなかったのか? エヴァでヨーロッパにアニメ再ブームを起こしたイタリア人の戦い

                                                                      日本のアニメが海外で大人気! と言われるが、その人気は一体どこから生まれてきたのだろうか。1990年年代から2000年代にかけてヨーロッパで巻き起こった日本アニメの再ブーム。フランスでの『新世紀エヴァンゲリオン』の深夜放送がサッカーで中止となった際には約5000件の抗議電話が殺到したという。 そこには、発火点となった人物がいる。 イタリア出身のコルピ・フェデリコ氏だ。70年代に『UFOロボ グレンダイザー』などの日本アニメブームの洗礼をうけ、1990年代に日本へ留学。『世界名作劇場』で知られている日本アニメーションの合作アニメの原作翻訳のアルバイトをきっかけに日本とヨーロッパをアニメでつなぐビジネスに関わっていく。クリエイターへの報酬が少なすぎることへの疑問をきっかけに設立したライセンス事業は、それまでの粗悪な吹き替えを改善し、『エヴァンゲリオン』、『カウボーイビバップ』など今でも根強い人

                                                                        日本アニメが世界ヒットしても何故クリエイターにお金が届かなかったのか? エヴァでヨーロッパにアニメ再ブームを起こしたイタリア人の戦い
                                                                      • Chart.js

                                                                        New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.

                                                                          Chart.js
                                                                        • 最近のWebサイトで使われてる、UI要素をデザインするテクニックのまとめ -Little UI Details by Steve Schoger

                                                                          ぱっと見ただけではなかなか気がつかないような、ディテールにこだわった素晴らしいデザインのアイデアとテクニックを使ったUI要素を紹介します。 最近のWebサイトで見かけるUI要素がたくさんあり、すぐに次のプロジェクトに役立つと思います。

                                                                            最近のWebサイトで使われてる、UI要素をデザインするテクニックのまとめ -Little UI Details by Steve Schoger
                                                                          • アニメエフェクトの極致、これがハリウッドを震撼させた日本の技術

                                                                            「視聴者の目に引っかかるエフェクトとは何か?」を考えつつ、長年、トップランナーとして第一線でアニメエフェクトを作り続けてきた橋本敬史さん。クセのある気持ちいいエフェクトを作るためであれば物理法則や時間曲線すらもねじ曲げながら、誰もマネのできないエフェクトを作り上げてきました。普段は物語やキャラクターの背後でふと見逃してしまいそうな炎や水、スパークなどのエフェクトは、どのようにして生き生きとした映像表現となり得るのでしょうか。 本稿は日本最大のゲーム開発者向けカンファレンス「CEDEC2011」にて「アニメのエフェクト、ゲームのエフェクト」と題して行われた講演で、休憩を挟んで前後編に分かれていたものを1本にまとめました。橋本さんが携わってきた多くのアニメーション作品で培われた職人技から、デジタルアニメーションやゲームにおけるエフェクト作りまで深く掘り下げています。 ◆『アニメのエフェクト、ゲ

                                                                              アニメエフェクトの極致、これがハリウッドを震撼させた日本の技術
                                                                            • Googleも推奨!アニメーションライブラリTweenMaxの使い方 入門編 — un-Tech

                                                                              ごきげんよう。フーミンです。 「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強(僕の中で)JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム「GSAP」のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。 同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer

                                                                                Googleも推奨!アニメーションライブラリTweenMaxの使い方 入門編 — un-Tech
                                                                              • ジブリの美しい背景美術がいま、消えようとしている

                                                                                Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

                                                                                  ジブリの美しい背景美術がいま、消えようとしている
                                                                                • 日本のアニメが知らぬうちに麻薬撲滅に活躍したり、中国にダメージを与えている件: 月夜のぴよこ と 空耳うさぎさんたち

                                                                                  タイトルが凄いんだけど、狙われてるのは私じゃ無いよw なにが狙われているか… 日本アニメですw じつは、国内、国外関係なく、日本アニメは最近「研究」の対象になってるようでして、世界中の学者さん達が、真剣に研究していて、彼方此方で「論文」が発表されてます。 特に、異文化が入り乱れる少数民族政策とかそういう辺りで、いわゆる異なる言語による意思疎通の低下が根本原因で、地域間のいざこざが絶えないエリアで、実は日本アニメがその共有認識の礎になっている(なってきている)という事実がありましてですねw、ようするに親同士が、宗教、イデオロギー、過去の因縁等で対立していても、子供同士は「昨日のマジンガー、かっこよかったなw(そう言う地域では、この辺りが人気ですw)」とか「ハイジはいつ山に帰れるんだ(低燃費じゃないよ)」とかそういう感じだそうです。 まぁ、「文化破壊だ」とか「民族浄化だ」とかって声もあるにはあ