『「君の名は。」ヒットの裏側』記事に震えた話
ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開しているときなどのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。 よく見る「×」のようなクローズボタンに変化するものから矢印に変化するものまで全12種類あります。
Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LIGさんの記事を参考にしてください。 ドーナッツ これを何個か並べればかなりフラット感が出ますね。外側の青い部分のみをChart.jsで描画し、それ以外はCSSで調整しています。2つ目のセグメントを背景色で塗れば、円弧のように見えます。 ※ ドーナッツの幅は、percentageInnerCutout で調整できます。 ラインチャート お次は棒グラフです。フラットに見せるポイントは、グラフや線などを簡略化することでイラストのように見せるところです。また、数字と組みあわせるとかっこ良く見えます。※ 数字の部分は、CSSで組んでいます。 ※ 横軸のラベルは、意図的に減らしています。 バーチャート 棒グラフもフラットにしてみました。こちらも数
「serial experiments lain」の20周年を記念し，主要スタッフにゲーム版をプレイしてもらった。次作は「誰かが適当に作ったら」？ - 4Gamer.net
「serial experiments lain」の20周年を記念し，主要スタッフにゲーム版をプレイしてもらった。次作は「誰かが適当に作ったら」？ 編集部：早苗月 ハンバーグ食べ男 12→ アニメ版とゲーム版。アニメは配信のほか，写真左側の価格改定版Blu-ray BOXが販売中だ 2018年，「serial experiments lain」シリーズがリリースから20周年を迎えた。 本作はメジャーなタイトルではないが，カルト的な支持を集めており，とくにアニメ版（1998年7〜9月に放映）の知名度が一部で高い。ただ，シリーズの原点は，アニメ終了後にリリースされたPlayStation用ソフト「serial experiments lain」（1998年11月に発売）がそれにあたる。 カルト作品とはいえ，アニメ版はイベントやメディアなどで語られる機会があったり，近年ではHuluやAmazon
リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ
前回「ジュエルペット マジカルチェンジ」での狂った回５つチョイスした記事を書いたのですが、これが予想外に好評で「他の女児アニメにもこんな回があるよ」「深夜アニメでも狂った回多いよ」等と多くの意見を頂きまして、ならば僕が独断と偏見で厳選した2015年アニメ全体でのランキングを作ろうと今回の駄文を弄する運びとなりました。 今回の記事での注意事項として、 ・第一に「僕が視聴できた範囲の2015年アニメ」です。残念ながら僕は昨年放送された全てのアニメを視聴はできていません。フォロワーには実際に毎年全てのアニメを視聴されている方が居るのでこれは僕の甘えです。その辺りは許して下さい。ツイッターのリプライ等で怒ってきたりしないで下さい。 ・今回の主旨は「展開が突飛で意外性の強い回」なので、「純粋に話として面白かった回」とは全く違います。その辺の真面目な話は真面目な方がやってくれるので任せます。僕にそのよ
CSSアニメーションの基礎
2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、
【中村光毅氏、イデの元に召される・・・】ﾒｶﾆッｸ･ｱｰﾄの第一人者 (ジョニー暴れん坊デップの部屋) 「Confort」中村光毅氏インタビュー ( // musi-musi //) 崖の上のポニョ 感想 (崖の上のポニョ 感想) 【アニメ】：これがプロフェッショナルの仕事と生き様、マクロスの河森正治監督が語る「アニメーション監督という職業」 (白石運送) 足利事件から日本鬼子まで (cancerkiller173のブログ) 今敏 追悼BOOKだけを目当てに今月号のコミックリュウを買ってしまうのは不謹慎なんでしょうか…。 (新製品と価格のメモ) 「破」全記録全集・庵野総監督インタビューの感想 (ユイさんのこと、を想う) Twitter Trackbacks () Twitter Trackbacks () 早すぎる、今敏監督 (札幌生活) 7/18～7/19 マスコミ対応のために作ったメモ
【アニメ化50周年】『ルパン三世』がなぜフィアット500に乗っているのか知っていますか？ 1stシリーズの作画監督、故大塚康生さんの思い出 | ENGINE (エンジン) |クルマ、時計、ファッション、男のライフスタイルメディア
ルパン三世のアニメ化50周年の今年、3月15日にアニメーターの大塚康生さんが亡くなった。ルパンをチンクエチェントに乗せたのは大塚さんだった。 『ルパン三世』の1stシリーズで作画監督をつとめた日本を代表するアニメーターの大塚康生さんを偲んで ルパン三世のアニメ化50周年を記念したTVアニメ「ルパン三世PART6」が10月から放送されているが、『ルパン三世』の1stシリーズや『ルパン三世 カリオストロの城』で作画監督をつとめた日本を代表するアニメーターの大塚康生さんが今年3月15日、89歳で亡くなった。無類のクルマ好きとして知られる大塚さんは、自身の代表作のひとつである『ルパン三世』になぜフィアット500を登場させたのか？ かつて大塚さんを取材したモーター・ジャーナリストの藤原よしお氏が、ご本人の貴重な言葉を振り返る。 海沿いのワインディングロードを白いトライアンフTR4が疾走する。ボンネッ
「『世界名作劇場』になったガンダムなんて見たくない」CG嫌いの富野由悠季氏が挑むCGアニメ「Ring of Gundam」制作秘話
「『世界名作劇場』になったガンダムなんて見たくない」CG嫌いの富野由悠季氏が挑むCGアニメ「Ring of Gundam」制作秘話 ライター：徳岡正肇 残念ながらSIGGRAPHの特別講演は完全に撮影禁止であり，講演のオフィシャル素材も存在しないため，記事中の写真はCEDEC 2009での監督の講演時のものを使用していることを最初にお断りしておきたい 日本で初めて開催されたSIGGRAPH Asia 2009には大勢のクリエーターが集まっていた。そんななかで，ゲームのみならず日本の映像制作に多大な影響を与えた「機動戦士ガンダム」で知られる富野由悠季氏の講演が行われた。SIGGRAPHにおける富野氏の演題は「Ring of Gundam : No Hints for Creation in Your Manuals」（リング・オブ・ガンダム：マニュアルに創作のヒントはない）と題されており，ま
リンク NHK NEWS WEB 歌手の西城秀樹さん死去｜NHK 首都圏のニュース 「ＹＯＵＮＧ ＭＡＮ」や「傷だらけのローラ」などのヒット曲で人気を集めた歌手の西城秀樹さんが、１６日夜、急性心不全のため横浜市内の病院で亡… 66 小山剛志 @_higetter_ 小さい頃テレビで観てた“ヒデキ”はそれはそれはとんでもなくカッコ良かった。 私のアニメデビュー作品『∀（ターンエー）ガンダム』の主題歌が、“ヒデキ”の「ターンAターン」だと知った時は、それはもう物凄く嬉しかった。 西城秀樹さんのご冥福を心よりお祈りいたします。 2018-05-17 15:48:58 リンク Wikipedia ∀ガンダム 『∀ガンダム』（ターンエーガンダム、Turn A Gundam）は、サンライズ製作のテレビアニメで、『ガンダムシリーズ』に属するロボットアニメ作品。1999年（平成11年）4月9日から2000
(2002) あずまんが大王 第04話「楽しい職業／プールプールプール／りぼん／ふたりっきり／いいひと （プール!）」 プール作画というと有名なのはやっぱりこれです。 といってもさすがにもう10年以上経つので 若い世代には未見の方も多いかも gifアニメだと落ちているコマも多いので 本当はビデオで見て欲しいのですが 突然プール内に現れた木村、ゆかりとにゃもがドン引きし固まるフィックス 三点パースで作られた奥行きのある空間の静寂を 絶妙なタイミングで溺れるちよが破る ・頭部が水をヘルメットのように被ったまま水面から持ち上がる ・沈んでいくときなど、水面の下で生じる泡 ・さらに俯角、パースと後方に浮かぶ少女で不安定な重心と浮力を表現 ・にゃもがゆかりに向かっていくときの水の抵抗まで考慮されている ・水際の静かなゆらぎ ・水中で浮力により両腕が身体から離れる基本姿勢 ・中央左の人物は水位と身長の
Spirit Studio uses keyframes, just like other industry-standard animation tools. Simply change an element attribute, set a keyframe, rinse and repeat. It's that easy!
漢字の正しい書き順(筆順)
403 Error 現在、このページへのアクセスは禁止されています。 詳しくは以下のページをご確認ください。 403ERRORというエラーが発生します
isparade.jp
This domain may be for sale!
アニメの絵コンテはその作家の個性がにじみ出てて面白いな アニメ絵コンテいろいろ 661 名前：緊張してきたな！！＠売上スレ[sage] 投稿日：2011/01/16(日) 01:59:36 ID:HKcq15.o0 [1/22] 表情を指定してくれるって助かるだろうな 683 名前：緊張してきたな！！＠売上スレ[sage] 投稿日：2011/01/16(日) 02:00:56 ID:qDj/QzJE0 [10/56] でもこれはこれで遊べないとか個性がとかブーたれる奴もいそうだな 685 名前：緊張してきたな！！＠売上スレ[] 投稿日：2011/01/16(日) 02:01:03 ID:/HpQZ5HU0 [11/26] 一番上のはるうえさん 「ﾌﾟｸｸ・・・こいつ頭に花のっけてやがる」て表情に見える 749 名前：緊張してきたな！！＠売上スレ[sage] 投稿日：2011/
expressweb.jp - このウェブサイトは販売用です！ - ウィンドウズサーバー レンタルサーバー サーバー エクスプレスウェブ リソースおよび情報
このウェブサイトは販売用です！ expressweb.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、expressweb.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
シネマグラフというのはGIF画像で作られた「一部分だけが動く写真」の名称となっています。 まずは説明するよりも実際に見て頂きましょう。 このように画像の一部分だけが動くという 不思議な写真を創り出すことができるのですが このシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。 ちなみに以下はウチの猫で作ってみたシネマグラフです。 今回はシネマグラフの作り方を写真を交えて紹介しますので、興味のある方は以下のステップで作ってみましょう！ シネマグラフの作り方まとめ １，Photoshop CS5 Extendedを用意します。 体験版で作れるので体験版をダウンロードすればOK！ ２，動画を用意します。 今回は「流れ続ける水を猫がずっと見ている」という写真を作るため、 実家の猫を使ってキッチンで動画を撮影してみました。 ３，撮影した動画を先ほど
今年4月、映画監督の高畑勲さんが亡くなった。プロデューサーとして支えてきたスタジオジブリの鈴木敏夫氏が語る高畑さんの記憶――それは決して美談ではなかった。（#1より続く） ◆ ◆ ◆ 当時、高畑さんが作りたがっていたのが『平家物語』でした。企画としてはおもしろいものの、誰が絵を描くのかという問題がありました。宮崎駿が「平家の戦いのシーンを描けるとしたら自分しかいない」と豪語していたほどで、技術的にも非常に難しいことは分かっていました。高畑さんは『山田くん』でも活躍した田辺修に描いてもらおうとするんですが、田辺も頑固な男で、「自分は人が人を殺す話は描きたくない」と言う。 そこで僕が持ち出したのが『竹取物語』でした。言わずとしれた日本最古の物語で、高畑さん自身、「誰かがいちどきちんと映画にすべきだ」と言っていたのを思い出したんです。あらためて高畑さんにその話をすると、「誰かが作るべきだとは言い
主要ブラウザで使うことの出来る「CSS3」ですが、IE8に対応していないためにCSS3の基本や使い方は知っていても実務等では使う機会が少なかった(クライアントワークではIE8が対応ブラウザに含まれていたため)方もいらっしゃると思います。そうするとふと「あれ、あのプロパティはどう使うんだっけ？」とか「この要素だけにスタイルを適応するCSS3は何だっけ…？」など忘れてしまうこともしばしば…。 最近ではIE8のシェアは低くなり、またスマホサイト制作の機会も増えたためクライアントワークでもCSS3を活用したWeb制作が増えてきました。そこで今回は、まず覚えておくと便利な機能の復習とそれを応用し「これCSS3だけで作れるの!?」というような驚きの作品の数々をまとめてみました！ CSS3とは そもそも「CSS3」とは何のことでしょうか。改めてその定義を確認してみましょう。 「CSS」は、ウェブページの
Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する 利用するファイルも、hover.css（縮小版はhover-min.css）
20年来の念願かなって、ロマンシング佐賀が始まります。 サガシリーズは今年で25年を迎えますが、佐賀の自然、歴史、文化、人々がゲームに新たな"閃き"を与えてくれるのではないかと期待しています。 また、今回のコラボをきっかけに、ロマンシングな佐賀の魅力が多くの人に伝わっていって欲しいと思っています。 サガファンの皆さんにも、是非この「ロマンシング佐賀」を楽しんで頂きたいと思います。 これは奇跡です。20年前はサガから、10年前は佐賀県から、お互いにラブコールを送り合っていた両者が、ようやくこうして結ばれました。 この度、佐賀県の魅力と、サガシリーズが、運命の糸に導かれて"連携"し、今までに無い、新たなロマンシングな体験の場を生み出します。「佐賀県×サガシリーズ」の奇跡のコラボレーションを、ぜひお楽しみください！ 「魔界塔士 サ・ガ」、「ロマンシング サ・ガ」、「サガ フロンティア」、「アンリ
2013年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2013年のデザインを振り返りつつ、来年はまたどんな素敵なデザインが生まれるのか楽しみですね。
実用的なスタイルシートのテクニックのまとめ | コリス
パネルやボタン、タブ、メニューなどのUIエレメントの美しいスタイルをはじめ、ホバー時のエフェクト、レイアウトなど、CSS3を使ったスタイルシートのテクニックを紹介します。 ※CSS3を使っているため、対応ブラウザはIEでは9くらいのものが多いです。7対応もあります。
はじめに 近年の GPU の進化に伴い 3D 周りの表現力がとても豊かになりました。そしてこの多彩な表現を可能としているのはシェーダによるところが大きく、シェーダを理解して書くことが出来ると、表現できることの幅がとても広がります。 Unity では素晴らしいことにシェーダを強力にサポートしていて、多様なデフォルトのシェーダに加え、カスタムシェーダを簡単に作るための土台が用意されています。しかしながら、パッとリファレンスや色々なサイトを見ただけでは、何がどうなっていて何をどうすれば良いのかなかなか分からないところがあります。 そこで、これから始める人の参考になればと思い、勉強しながら理解したことをまとめておこうと思います。調べながら書いているので、間違いなども多々あると思いますが、見つけた際はコメントや Twitter などでご指摘いただけると嬉しいです。 シェーダで色々出来る例 Unity
Visit dojo.io for documentation, examples, and more on Dojo, the Progressive Framework for Modern Web Apps and successor to the Dojo Toolkit Dojo Toolkit 1.17 A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. Get Dojo
パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
微妙にタイトルとは関係ないツイートも混じっているけど、覚書として作成。 追記：7/24 『「サマーウォーズを田舎の大家族の嫁の視点で観たら」への共感的・批判的ツイート』まとめを作成。 http://togetter.com/li/343924
そろそろjQuery Mobileでajaxを無効にしてるやつに一言いっておくか - へっぽこプログラマーの日記
このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
大ヒットアニメ「新世紀エヴァンゲリオン」や映画「シン・ゴジラ」で監督を務める庵野（あんの）秀明氏が経営するアニメ制作会社「カラー」（東京都杉並区）が、かつて庵野氏が在籍し、エヴァンゲリオンなどの制作に関わったアニメ制作会社「ガイナックス」（武蔵野市）に対し、借入金約１億円の支払いを求める訴訟を東京地裁立川支部に起こしていたことが分かった。ガイナックスの経営難に伴う資金繰り悪化が背景とみられる。 ガイナックスの山賀博之社長と庵野氏は大学時代からの友人。１９８４年の同社設立には庵野氏も関わり、２００７年の退社後も協力関係が続いていた。 訴状などによると、両社は、庵野氏が手掛けた作品の商品化でガイナックスが収入を得た場合、一定の使用料（ロイヤルティー）をカラーが受け取る契約を結んでいた。しかし、ガイナックスにカラーに対する多額の債務が発生。カラーは１４年８月、１億円を別途貸し付けるなどしたも
最高のデザインツール「Drama」が登場！SketchやXDより良いかも。 | Web Design Trends
Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきますが、使いやすさや操作性、機能の豊富さを比べるとDramaは頭1つ抜け出しているような印象です。 また、SketchやAdobe XDなどと比べるとUIデザインツールとしての機能に大きな遜色は無く、むしろ動作の滑らかさではSketchよりも勝っているのではないでしょうか。 Dramaを一言で述べると、「これまでのデザインツールのいいとこ取りをしたツール」であると言えるかもしれません。 現在はまだ正式リリースはされていませんが、公式サイトからベータ版をダウ
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
ひたすらWebサイトを見るのが趣味な私が独断と偏見で選ぶ今年「良い！」と思ったWebサイト16選 - KAYAC engineers' blog
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで実装するハンバーガーメニュークリック時のエフェクト 10＋ - NxWorld
ブラウザレンダリング入門〜知ることで見える世界〜 - Qiita
絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp
2015年アニメ最も狂った回ランキング ベスト15 - 根室記念館
Change Text Link Hover Effect Using CSS3
京都アニメーションの功績について(メモ) - 氷川竜介ブログ
富野監督が西城秀樹さんに「もう少し人の事を信じなさいよ」って言われたエピソードがもう完全にガンダム
あずまんが大王 第04話のプール表現。と、その先 - 大匙屋
フリーランスで働く人は「下請法」で守られている――おさえておくべきポイントとは？ - 弁護士ドットコムニュース
Spirit - The animation tool for the web
アニメの絵コンテはその作家の個性がにじみ出てて面白いな : はちま起稿
エヴァンゲリオンでわかってしまうJavaScript - Qiita
写真が動きだす！？Photoshopで簡単にできるシネマグラフの作成方法
「高畑勲監督解任を提言したあのころ」――鈴木敏夫が語る高畑勲 #2 | 文春オンライン
保存版！CSS3で出来る素敵なデザインやアニメーションをまとめてみた
100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。
ロマンシング 佐賀 SAGA生誕 25周年 - SQUARE ENIX
Redirecting to Animate.css
ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ
Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips
Unbeatable JavaScript Tools - The Dojo Toolkit
サマーウォーズを田舎の大家族の嫁の視点で観たら - Togetter
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
＜庵野監督＞古巣を提訴…エヴァ制作会社に債務返還求め （毎日新聞） - Yahoo!ニュース