[CSS]レスポンシブ対応、サイドバーをアニメーションでスライド表示・非表示させるテクニック | コリス

2017/03/08 71 users コリス transform CSS アニメーション テクニック

レスポンシブ対応、アイコンをクリック・タップすると、サイドバーをアニメーションでスライド表示・非表示させるCSSのテクニックを紹介します。 スライドは単にそう見えるだけで、transformでサイドバーを変形させています。 滑らかなアニメーション、美しいグラデーション、スライドするにつれて透明度が変化するのも美しいですね。 サイドバーをアニメーションでスライドさせるデモ 実装 サイドバーをアニメー... 続きを読む

『Overwatch』女性キャラ「トレーサー」に“性的表現”の指摘、勝利ポーズ修正へ | Game*Spark - 国内・海外ゲーム情報サイト

2016/03/29 146 users トレーサー Overwatch Tracer 指摘 表現

Blizzard Entertainmentの『 Overwatch （オーバーウォッチ）』ディレクターJeff Kaplan氏は、ユーザーから「無個性な性的表現」であると指摘された“Tracer（トレーサー）”の勝利ポーズを修正する方針であると、公式フォーラムを通して伝えました。 Battle.net内フォーラム に寄せられたユーザーコメントでは、“Tracer”のキャラクターデザインやアニメー... 続きを読む

こんな俺でもWebカメラがあれば美少女になれる！ BRZRKが贈る「FaceRig」＋「Live2D」利用ガイド - 4Gamer.net

2016/01/12 125 users BRZRK FaceRig アバター ライター Webカメラ

こんな俺でもWebカメラがあれば美少女になれる！ BRZRKが贈る「FaceRig」＋「Live2D」利用ガイド ライター：BRZRK 2014年12月発売ながら，最近になるまでほとんど話題に挙がらなかった，アバターソフト「 FaceRig 」（フェイスリグ）。知る人ぞ知るソフトといったところで，正直，ブレイクの兆しはほとんど感じなかったのだが，ここにきて，2Dイラストを動かせるようにするアニメー... 続きを読む

[JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal | コリス

2014/05/26 307 users ScrollReveal コリス スクロール スクリプト 連絡

先日紹介した「Ani.js」の作者様から、更にパワーアップしたスクリプトをつくったよ、と連絡を受けたので紹介します。 jQueryは無しで、縦長ページ用のスクロールに連動したさまざまなアニメーションが簡単に実装できます。 ScrollReveal ScrollReveal GitHub ScrollRevealのデモ ScrollRevealの使い方 ScrollRevealのデモ デモをアニメー... 続きを読む

緩急をともなったイージングのアニメーションをCSSやJSで実装する時のスニペットのまとめ -Easing Functions | コリス

2012/09/18 108 users イージング コリス 緩急 CSS スニペット

にょい～ん、ぐい～んなどの緩急をともなったアニメーションを実装するCSSやJavaScriptのスニペットをまとめたEasing Functionsを紹介します。 Easing Functions Cheat Sheet Easing Functions -GitHub イージングのアニメーションの動きを確認 イージングのアニメーションの種類 イージングのアニメーションの実装 イージングのアニメー... 続きを読む

Photoshop VIP ☞ ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個)

2012/03/27 348 users エフェクト Photoshop Vip 魅力 奥行き 別名

Home　>　 まとめ　>　その他まとめ　>　ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個) パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメー... 続きを読む

Kinect + プロジェクタ +砂でARサンドボックス SandStation -- Engadget Japanese

2011/12/01 59 users Kinect プロジェクタ サンドボックス 上方 地形

" SandStation " は Kinect センサーを使ったサンドボックスのデモ。と聞けば空中で手を動かして仮想の砂を操作するものを想像しますが、SandStation では 本物の砂を手で触って操作します。Kinect を使っているのはリアル箱庭内の地形を認識するため。上方に設置された Kinect の奥行きセンサーが砂の高さを認識し、高い場所には植物の緑を、低い場所には流れる水のアニメー... 続きを読む

最速インターフェース研究会 :: [速報] GoogleのRSSリーダー（β版）、早速真似して作ってみた

2005/10/10 67 users RSSリーダー 最速インターフェース研究会 速報 キャッシュ

GoogleからRSSリーダーがリリースされましたね。 http://www.google.com/reader/ ソース読むのとか面倒なんで真似して作ってみました。だいたい6時間ぐらいで出来た。 http://la.ma.la/roll.html このBlogで使ってるjsファイルをちょっといじって使ったので、キャッシュ利いてて動かない場合はリロードしてみてください。 Firefoxだとアニメー... 続きを読む