Pages tagged animation:

Tracking US Airways Flight 1549 - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/01/15/nyregion/20090115-plane-crash-970.html

Very clever, useful and informative infographic of the US Air 1549 Plane Crash into the Hudson River in New York City.
Great NYT interactive infographic style overview of the US Airways crash on the Hudson River.
I'm a bit late on this, but it's yet another fantastic interactive graphic from the New York Times showing the water landing of flight 1549.
Informative interactive feature
KROZM
http://www.krozm.com/
!!!!
Video design and production
Business Media 誠:“ポニョ”を作りながら考えていたこと:悪人を倒せば世界が平和になるという映画は作らない――宮崎駿監督、映画哲学を語る(前編) (1/4)
http://bizmakoto.jp/makoto/articles/0811/27/news004.html
ぽーにょ、ぽーにょ。
「オナニーしてる暇があったら、物作れ」と同じ主旨の名言。 「生産者も消費者の気分でいる」 「人を楽しませるために自分たちの職業で精いっぱい力を尽くすのではなく、それもやるけれど、ほとんどの時間は他人が作ったものを消費することによって楽しもうと思って生きていますね。」どれだけ時間を使うか。 「それは僕のような年寄りから見ると、非常に不遜なことであるという風に、真面目に作れという風に、力を込めて作れという風に(感じ)、「すべてのものをそこ(作品)に注ぎ込め」と怒り狂っているわけです。だから全体的なモチベーションの低下がこの社会を覆っているんだと思います。」 もしかして、たまに見かける次のような答えが本気で物を作っている人の日常なのかな。「技術形の文章はよく読むけど、最近、他の人が何してるかはほとんど見ませんね。」 Googleが何か作るときには、競合サイト関係なくて、いいと思ったものを、いい感じに作る事だけを考えている。と聞いたことがある。
あらゆる問題は自分の内面や自分の属する社会や家族の中にもある
YouTube - Her Morning Elegance / Oren Lavie
http://www.youtube.com/watch?v=2_HXUhShhmY
Her Morning Elegance - Directed by: Oren Lavie, Yuval & Merav Nathan. Photography: Eyal Landesman. Featuring: Shir Shomron Thanks Jenny!
As seen on Daily Dish
Her Morning EleganceDirected by: Oren Lavie, Yuval
50 Websites that make amazing use of javascript | Kriesi.at - new media design
http://www.kriesi.at/archives/50-websites-that-make-amazing-use-of-javascript
YouTube - History of the Internet
http://www.youtube.com/watch?v=9hIQjrMHTv4
Finfin animasjon som viser Internett utviklinga frå 1957 til 2009. Forenkla sjølvsagt, men fin. Litt komplisert ordbruk innimellom, men det må ein vel rekne med.
Yawn! Cool animation though.
"History of the internet" is an animated documentary explaining the inventions from time-sharing to filesharing, from Arpanet to Internet. The history is told using the PICOL icons on picol.org , which are available for download soon. On blog.picol.org you can get news about this project.
filmpjes op internet
13 Excellent jQuery Animation Techniques | Web Design Ledger
http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques
13 Excellent jQuery Animation Techniques | Web Design Ledger - http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques
Only a few years ago, if something was animated on a website it was automatically assumed to be Flash. However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 13 excellent tutorials to get you on your way.
Building an Animated Cartoon Robot with jQuery
http://css-tricks.com/jquery-robot/
Animações com jQuery
Interesting.
wilq32 - jQuery plugin: Wilq32.RotateImage
http://wilq32.googlepages.com/wilq32.rollimage222
Roter billeder vha. jQuery på almindelige HTML-sider
Rotação de imagens, imagens inclinadas
rotate images with jquery (+ animation!)
Molecular Movies - A Portal to Cell & Molecular Animation
http://www.molecularmovies.com/
Very insteresting site about biology simulation
This web resource presents an organized directory of cell and molecular animations, as well as a collection of original tutorials for life science professionals learning 3D visualization. The goal is to provide an efficient way for scientists and educators to browse and access existing animations for teaching and communication purposes.
Dailymotion - Oren Lavie - Her Morning Elegance, a video from IgnitionVM. Ignition, Visual, Media, Oren, Sea
http://www.dailymotion.com/video/k5ZWwouQXsgNZXVhdf
great stop motion of a girl on a bed and her dream
Devolve me - Charles Darwin - The Open University
http://www.open.ac.uk/darwin/devolve-me.php
save n share
Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D)
http://preloaders.net/en/3d
ตัวทำพรีโหลดแบบ Ajax กลมๆหมุนๆ
animated loading gif's
Free animated loading gif preloaders generator for AJAX loading
Box2DJS - Physics Engine for JavaScript
http://box2d-js.sourceforge.net/index2.html
API JavaScript para desenvolvimento de pequenas simulações de física newtoniana.
te an ob
Dailymotion - le Café - Oldelaf (english subtitles), a video from Boebis. Oldelaf, le, Café, english, coffee
http://www.dailymotion.com/video/x6jluj_le-cafe-oldelaf-english-subtitles_music
A song of the French band Oldelaf and Mr Dm from their LP L'album de la maturité. The movie clip has been directed by Stephanie Marguerite and Emilie Tarascou. Lyrics translated in English for the blog http://french-kisses.blogspot.com/
the dangers of coffee
humorous French coffee music video
The Crisis of Credit Visualized
http://www.crisisofcredit.com/
The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated. This project was completed as part of my thesis work in the Media Design Program, a graduate studio at the Art Center College of Design in Pasadena, California. For more on my broader thesis work exploring the use of new media to make sense of a increasingly complex world, visit my website here. or email me at: jonathan.jarvis@gmail.com
This short ten-minute video conveys the essentials of how the credit crisis occurred. It's a great example of information that is be explained using the smallest amount of words and images. It takes something both large and complex and personalizes/simplifies it for the lay audience. If you're looking for tips when putting together a presentation for non-scientists, this is a great resource to look toward for inspiration.
The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated.
The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated. This project was completed as part of my thesis work in the Media Design Program, a graduate studio at the Art Center College of Design in Pasadena, California. For more on my broader thesis work exploring the use of new media to make sense of a increasingly complex world
Your Playground
http://www.yourplayground.org/
Build your own virtual Chicago park playground. Leo Burnett and Domani Studios have launched a site that supports Allstate and the U.S. Olympic Committee's joint effort to create an Olympic bid for the city of Chicago. The two creative parties developed an interface that lets kids and adults alike build a virtual playground step-by-step using various accessories and colors. The site was initially conceived as a contest where the top vote-getter will have their design actually built within Jesse Owens Park on Chicago's South Side. While the winners won't be announced until March, the public can nonetheless view a gallery of entries for inspiration and try their hand at building a playground all their own
build a playground :-)
The Crisis of Credit Visualized on Vimeo
http://vimeo.com/3261363
Great little animation that explains why the credit markets have frozen.
The Short and Simple Story of the Credit Crisis. Crisisofcredit.com The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated. This project was completed as part of my thesis work in the Media Design Program, a graduate studio at the Art Center College of Design in Pasadena, California. For more on my broader thesis work exploring the use of new media to make sense of a increasingly complex world, visit jdjarvis.com.
Astute, approachable, and just plain pretty animated explanation of our current economic situation. Oh, and did I mention INCREDIBLY FRIGHTENING!? Once you realize how simple, and thus fundamental, the underlying problems are, it becomes very difficult to believe in a quick or easy fix. Now, back to stuffing my remaining cash into my mattress...
7 Free Resources for Eye-Popping Graphics and Animation
http://ostatic.com/blog/7-free-resources-for-eye-popping-graphics-and-animation
clipart
GMUNK20089
http://www.gmunk.tv/
Animated reel.
Great motion graphics
短い映像が次々と
やべー、インスパイアー!!
ピクセルフォントオンリー
YouTube - The Crisis of Credit Visualized - Part 1
http://www.youtube.com/watch?v=Q0zEXdDO5JU
Great explanation of the credit crisis...
The Short and Simple Story of the Credit Crisis. By Jonathan Jarvis.
Information and Aesthetic. Nice.
How to Make an Impressive Animated Landscape Header with jQuery | Build Internet!
http://buildinternet.com/2009/02/how-to-make-an-impressive-animated-landscape-header-with-jquery/
quadanimator
http://labs.artandmobile.com/quadanimator/
QuadAnimator is flash extention for iPhone app QuadCamera. Load an image that is taken with QuadCamera, and you can save it as an animated GIF! This is a quick and dirty experimental content. If iPhone support FlashPlayer or animated GIF for album, I may make iPhone version.
quadanimator
Animate photos taken using iPhone app Quadcamera
Animate pictures taken with quadcamera
Khoda on Vimeo
http://www.vimeo.com/2074812
6,000 paintings created to form a psychological thriller of an animation.
a 5 minute video made of 6,000 paintings.
"My graduation film Khoda. Description: What if you watch a film and whenever you pause it, you face a painting? This idea inspired Reza Dolatabadi to make Khoda. Over 6000 paintings were painstakingly produced during two years to create a five minutes film that would meet high personal standards. Khoda is a psychological thriller; a student project which was seen as a ‘mission impossible’ by many people but eventually proved possible! Director and art director: Reza Dolatabadi Written by Reza Dolatabadi & Mark Szalos Farkas Animation by Adam Thomson Music by Hamed Mafakheri"
My graduation film Khoda. Description: What if you watch a film and whenever you pause it, you face a painting? This idea inspired Reza Dolatabadi to make Khoda. Over 6000 paintings were painstakingly produced during two years to create a five minutes film that would meet high personal standards. Khoda is a psychological thriller; a student project which was seen as a ‘mission impossible’ by many people but eventually proved possible!
"Over 6000 paintings were painstakingly produced during two years to create a five minutes film that would meet high personal standards."
short film where every scene is a painting.
Unresolvable
Watch "Sita Sings the Blues" on Reel 13 | REEL 13
http://www.thirteen.org/sites/reel13/blog/watch-sita-sings-the-blues-online/347/
Sita is a goddess separated from her beloved Lord and husband Rama. Nina is an animator whose husband moves to India, then dumps her by e-mail. Three hilarious shadow puppets narrate both ancient tragedy and modern comedy in this beautifully animated interpretation of the Indian epic Ramayana. Set to the 1920’s jazz vocals of Annette Hanshaw, Sita Sings the Blues earns its tagline as “The Greatest Break-Up Story Ever Told.
telematics
http://www.byhook.com/video/telematics.html
prédios
Time Slider
http://etherpad.com/ep/pad/slider/13sentences
Amazing javascript work. It's sure a heck lot of work unless there is a tool to make it really easily. Anyway here is an awesome javascript timing example.
watch Paul Graham type an essay
「Startups in 13 Sentences」の作成過程。文章の作成と推敲過程がよくわかる
株式会社コルテックス
http://www.coltex.co.jp/
ボタンs
animation
immersione in ambiente video totale, ottimo coinvolgimento dell'utente. fullscreen e pagine html in simultanea
Assustadoramente japones!
estudio japones.. web presentacion
A really cool animation for some studio out in Japan. The navigation is really bad, but the site beautifully eerie.
Quick Tip: Add Easing to Your Animations » Learning jQuery - Tips, Techniques, Tutorials
http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations
JavaScript library
Quick Tip: Add Easing to Your Animations at Learning jQuery
Quick Tip: Add Easing to Your Animations » Learning jQuery - Tips, Techniques, Tutorials - http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations
World Builder on Vimeo
http://vimeo.com/3365942
nice short film, holographic thingy
20 Beautiful Video Motion Pieces | Inspiration | Smashing Magazine
http://www.smashingmagazine.com/2009/03/07/20-beautiful-video-motion-pieces/
Groject - Jquery.ImageSwitch
http://www.hieu.co.uk/ImageSwitch/
An image transition plugin for jQuery. Ripe for overuse, but could be lovely if handled judiciously.
What it does The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects. Why using this With jQuery, it’s so easy to create simple effect such as fade in, move object around… unfortunately when you need to create an effect for image switching, it will require a bit more to create an attractive effect. That isn’t difficult but it isn’t simple and sometimes it’s kind of mess your code up as you need to manage more codes.
GX - Full-Featured Javascript Animations Framework
http://gx.riccardodegni.net/
jQueryアニメーションプラグイン
GX is a full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Using GX you can create complex animations working with every w3c CSS property. Currently, GX is designed in order to work with the jQuery Javascript Library and is being released under the MIT License.
GX is a full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework.
GX is a full-featured, cross-browser, super-tiny Javascript Animations Framework.
SuperNews! Twouble with Twitters // Current
http://current.com/items/89891774/supernews_twouble_with_twitters.htm
Current is a global television network that gives you the opportunity to create and influence what airs on TV
Une petite vidéo qui tourne Twitter en dérison :-))
Browser Ball
http://experiments.instrum3nt.com/markmahoney/ball/
Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is.
45+ Incredible Maya Tutorials Around | Tutorials | instantShift
http://www.instantshift.com/2009/03/06/45-incredible-maya-tutorials-around/
SoulPancake | Just Remember This Word: Muto
http://www.soulpancake.com/view_post/210246/just-remember-this-word-muto.html
Guernica
Saturday Morning Watchmen
http://www.newgrounds.com/portal/view/485797
hilarious children's cartoon version of watchmen
Better Watch out for the Watchmen!
Labuat
http://soytuaire.labuat.com/
Controling the graphics with your mouse movement
Matching the pace that the ink line travels to the perceived momentum in the song works particularly well here.
chouette concept de site pour promouvoir un artiste
Slagsmålsklubben - Sponsored by destiny on Vimeo
http://www.vimeo.com/3514904
Great "infographic" version of the fairytale. So many neat little touches.
School assignment to reinterpret the fairytale Little red ridning hood. Inspired by Röyksopps Remind me. Music: Slagsmålsklubben, Sponsored by destiny www.smk.just.nu Animation: Tomas Nilsson www.tomas-nilsson.se
Little Red Riding Hood.
Little red riding hood re-interpretation with infographics
Awesome Infographics Interpretation of Little Red Riding Hood. Just wonderful.
Flash Tutorials - Flashtuts+
http://flash.tutsplus.com/
It’s all about quality tutorials for Adobe Flash. Whether you want to learn how to create awesome Flash animations and interfaces, bone up on your Actionscript to create games and apps, or just get started developing with Flash, we’ve got you covered!
Flashtuts+ joins Psdtuts+, Vectortuts+, Audiotuts+, Aetuts+ and Nettuts+ as Envato’s newest Tuts+ site. It’s all about quality tutorials for Adobe Flash. Whether you want to learn how to create awesome Flash animations and interfaces, bone up on your Actionscript to create games and apps, or just get started developing with Flash, we’ve got you covered! Keep reading to learn a little bit more about the new editor of Flashtuts+ and what we’ll be offering on the site.
Sliding Boxes and Captions with jQuery | Build Internet!
http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
awesome jquery sliding boxes tutorial
How to create Skype-like buttons using jQuery
http://www.jankoatwarpspeed.com/post/2009/03/11/How-to-create-Skype-like-buttons-using-jQuery.aspx
How to create Skype-like buttons using jQuery - http://www.jankoatwarpspeed.com/post/2009/03/11/How-to-create-Skype-like-buttons-using-jQuery.aspx
Helps you build good looking and functional web sites.
Sorting Algorithm Animations
http://www.sorting-algorithms.com/
Toggle Tutorial - jQuery CSS Toggle Effect - javascript toggle tutorial - simple Toggle Effect
http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/
Perlでアニメ顔を検出&解析するImager::AnimeFace - デー
http://d.hatena.ne.jp/ultraist/20090412/1239497216
で、ぐぬぬ画像を自動で作るにはどうしたら。ちゃんと読むか。
YouTube - オオカミはブタを食べようと思った。Stop motion with wolf and pig
http://www.youtube.com/watch?v=rmkLlVzUBn4
いくらかかったんだ。。。
Stopmotion from a japanese guy, made with photographs inside a room
An amazing stop motion video.
555 Blender Tutorials | FilmmakerIQ.com
http://filmmakeriq.com/general/featured/555-blender-tutorials.html
blender tutorial
DoInk.com | Home
http://www.doink.com/
Animation online - create an account and get creative.
Draw and animate online easily, collaborate with friends and other artists by reusing props.
DoInk is a place to enjoy art and animation, and make your own. Draw and animate online easily, collaborate with friends and other artists by reusing props. There's an audience here for you - So if you want to be entertained, learn something new, or create something fun, do it on DoInk.
DoInk.com | Draw, Animate, and Collaborate
untitled
http://nakajima.github.com/jquery-glow/
bueno
"tagged jquery"
http://www.scarygirl.com/world.php
http://www.scarygirl.com/world.php
Good flash game
This flash game combines platforming, adventure, puzzle and arcade style elements. 14 levels of gameplay.
Another highly-anticipated-by-me game launch announcement! This letter is a little shorter, though. From my inbox: "The Scarygirl game is officially online and free to play! Visit http://www.scarygirl.com/ ¶ "Please spread the word and enjoy"
jQuery Image Effects - Hover Effect w/ jQuery & CSS - jQuery Tutorial
http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but
bio-bak.nl - now featured in 1000 megapixels!
http://www.bio-bak.nl/?ref-reallyflippingcool
Entertaining
17 Open Source Tools To Draw, Edit, Layout And Animate Your Designs : OpenSource Release Feed
http://www.opensourcereleasefeed.com/resource/show/17-open-source-tools-to-draw-edit-layout-and-animate-your-designs
"วาด" ด้วยซอฟต์แวร์โอเพนซอร์ส
Glimmer - Lab - MIX Online
http://visitmix.com/Lab/glimmer
jquery image sequence
Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer’s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.
Living Sasquatch
http://www.livingsasquatch.com/
Eye On Springfield
http://eyeonspringfield.tumblr.com/
Stykz - The first multi-platform stick figure animation program
http://www.stykz.net/Home.html
Multi-platform stick figure animation program
Stykz is the first multi-platform stick figure animation program in the world (as far as we know!), and it is COMPLETELY FREE! If you've ever used Pivot StickFigure Animator, you'll feel right at home and will appreciate the extra features that Stykz has to offer! And even if you haven’t used Pivot, you’ll find Stykz to be a powerful, easy to learn tool for creating great looking stick figure animations quickly and efficiently.
YooouuuTuuube - Alice - 36 Rows - 36 Columns
http://www.yooouuutuuube.com/v/?rows=36&cols=36&id=pAwR6w2TgxY&startZoom=1
映像のコマをタイル上に配置してみせる。音楽のリズムと調和してカッコイイ。 映像はアリスをしとうしている。 リズムが気持ちいいように、ちゃんと編集してあり気持ちよさをよくチューニングしている。
Animated Ajax Record Deletion Using jQuery
http://davidwalsh.name/animated-ajax-jquery
david
Animated Record Deletion using jQuery
cancellazione record visuale tramite jquery...bello
Rafael Macho
http://www.rafaelmacho.com/
Background color is nice.
Helpless on Vimeo
http://vimeo.com/2482776
©2008 COPYRIGHT - All Rights reserved Project info @ http://vimeo.com/channels/keithloutitssydney Music: “HELPLESS” (S. Harland-Wright*/D. Jackson) © J. Albert & Son Pty Limited*/Control Performed by Headstrong featuring Shelley Harland Used with permission http://www.headstrong-hq.com/ http://www.myspace.com/shelleyharland Thanks to Greenpeace Australia, Shelley Harland, Darrin Brindle, Abram Powell. For more information on the building of the sand whale featured in this short film visit: http://www.greenpeace.org.au Artist info @ www.keithloutit.com Project info @ http://vimeo.com/channels/keithloutitssydney
Excellent use of time-lapse photography to make the real world look like a model.
©2008 COPYRIGHT - All Rights reserved Music: “HELPLESS” (S. Harland-Wright*/D. Jackson) © J. Albert & Son Pty Limited*/Control Performed by Headstrong featuring Shelley Harland Used with permission http://www.headstrong-hq.com/ http://www.myspace.com/shelleyharland Thanks to Greenpeace Australia, Shelley Harland, Darrin Brindle, Abram Powell. For more information on the building of the sand whale featured in this short film visit: http://www.greenpeace.org.au Artist info @ www.keithloutit.com Project info @ http://vimeo.com/channels/keithloutitssydney
subprime on Vimeo
http://vimeo.com/4240369
"watch the american housing market spiral out of control."
watch the american housing market spiral out of control.
watch the american housing market spiral out of control. beeple.com / myspace.com/nobot / standingwavesound.com
2zcg.gif (GIF Image, 300x231 pixels)
http://img2.pict.com/01/18/06/f2cc3c3e9c355a5631783c9669/SOqD0/2zcg.gif
via calavera
すっごいバランス感覚!
Forget the Film, Watch the Titles - Home
http://watchthetitles.com/
A SubmarineChannel project dedicated to the art of film title design, featuring collections of title sequence organized by theme and interviews with creators.
The break of the curveball « Best Visual Illusion of the Year Contest
http://illusioncontest.neuralcorrelate.com/2009/the-break-of-the-curveball/
Illustration of why curveballs seem to suddenly drop.
Optical illusion
Our illusions suggest that the perceived “break” may be caused by the transition from the central visual system to the peripheral visual system. Like a curveball, the spinning disks in the illusions appear to abruptly change direction when an observer switches from foveal to peripheral viewing.
Quick Tip: Prevent Animation Queue Buildup » Learning jQuery - Tips, Techniques, Tutorials
http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup
FluidSolver [as3 port of MSAFluid] | astatic notes
http://blog.inspirit.ru/?p=248
きれいな流体シミュレーション
In the Woods - Simulate Gravity with jQuery
http://blog.themeforest.net/tutorials/simulate-gravity-with-jquery/
Simulate Gravity with jQuery
The Beatles: Rock Band
http://www.thebeatlesrockband.com/cinematic.php
Holy cow. This is an amazing animation for the opening cinematic on the upcoming Beatles for Rockband. Side note - I will be purchasing.
Man, I'm getting serious Norwegian Wood for the new Beatles version of Rock Band...
©2009 Harmonix Music Systems, Inc. All rights reserved. The Beatles: Rock Band developed by Harmonix Music Systems, Inc. The Beatles is a trademark of Apple Corps Ltd. ‘Apple’ and the ‘Apple logo’ are exclusively licensed to Apple Corps ltd. Harmonix, Rock Band, Rock Band 2 and all related titles and logos are trademarks of Harmonix Music Systems, Inc., an MTV Networks company. MTV: Music Television, MTV Games and all related titles and logos are trademarks of MTV Networks, a division of Viacom International Inc. All other marks are the property of their respective owners.
Abertura The Beatles Rockband
LOU ROMANO: ART of UP
http://louromano.blogspot.com/2009/05/art-of-up_3697.html
Beautiful and truly inspiring.
illustrierte styles für den film "up" von pixar
Back To The Eighties With Justice’s DVNO | The FontFeed
http://fontfeed.com/archives/back-to-the-eighties-with-justices-dvno/
identifying all fonts used in justice's DVNO video
YouTube - DEADLINE post-it stop motion
http://www.youtube.com/watch?v=BpWM0FNPZSs
I like this
POST-IT note stop motion video on a wall above deadlined man's desk :)
sewa notebook, sewa notebook di bandung, rental notebook, rental notebook di bandung, sewa laptop ,sewa laptop di bandung, specialis sewa notebook
FAST GAMES - Little Wheel
http://fastgames.com/littlewheel.html
sort of a game, more of a kind of interactive animation. very stylish
Processing.js
http://processingjs.org/exhibition
a port of the Processing Visualization Language
Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.
three frames
http://threeframes.net/
gif
blogging an entire film in three frames animations
WHO WANTS A SEIZURE?
Doodle.js — A Sprite Library for Canvas | notebook
http://www.lamberta.org/blog/doodle/
A Sprite Library for Canvas | notebook
Pixar grants girl’s dying wish with home viewing of 'Up' | pixar, up, movie, home, show, girl, cancer, die, huntington, beach - News - OCRegister.com
http://www.ocregister.com/articles/pixar-up-movie-2468059-home-show
Seriously, this made me cry.
holy shit I'm weeping
Marco Brambilla: Civilization | Motionographer | Motion graphics, design, animation, filmmaking and visual effects
http://motionographer.com/theater/marco-brambilla-civilization/
animacion en after o por lo menos eso creo
Artful statement about Civilization - Western Style
Installation Credits Title: Civilization (MEGAPLEX), 2008 By: Marco Brambilla Client: The Standard Hotel, New York Editor/Research Assistant:
“Outside the Box” Navigation with jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/
Just about every website uses the regular navigation concepts we're all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn't new, it's certainly not common.
scripty2: for a more delicious web
http://scripty2.com/
scripty2: for a more delicious web
CG Tutorials - Cgtuts+
http://cg.tutsplus.com/
CG Tutorials - Cgtuts+
Animated Engines
http://www.animatedengines.com/index.shtml
Opis działania różnych silników
10 Impressive JavaScript Animation Frameworks
http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
How to Make a Slideshow with a Transparent PNG Frame | Build Internet!
http://buildinternet.com/2009/06/how-to-make-a-slideshow-with-a-transparent-png-frame/
How to Make a Slideshow with a Transparent PNG Frame | Build Internet! - http://buildinternet.com/2009/06/how-to-make-a-slideshow-with-a-transparent-png-frame/
The jQuery
Verkar bra
How to Make a Slideshow with a Transparent PNG Frame
The youlove.us scrolling background effect explained | youlove.us
http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained
We’ve had a lot of questions regarding the background effect on our new site – so I thought I’d explain how it works, to save you the trouble of picking through the source code. Feel free to base your own designs on this technique, but don’t just straight up copy our code and images – we’ve spent a good amount of time on this. If you’re feeling nice give us a mention on your web site/blog/twitter/facebook/bebo/myspace or to your mates down the pub.
Bloody lovely.
We've had a lot of questions regarding the background effect on our new site - so I thought I'd explain how it works, to save you the trouble of picking through
jsAnim - Free JavaScript Animation Library
http://jsanim.com/
javascript animation library
Librería para animaciones mediante javascript
หารูป
QuickFlip jQuery Plugin | Jon Raasch’s Blog
http://jonraasch.com/blog/quickflip-jquery-plugin
Plugin em JQuery que gira uma layer com conteúdo "dos dois lados"
QuickFlip is a jQuery plugin I wrote that uses a CSS trick to cause a div, paragraph or any other piece of HTML markup to flip like a card. With a result similar to the UI animation on the iPhone, this jQuery plugin is easily integrated into your webpage to make any portion appear to flip and show its back.
# k Says: November 21st, 2008 at 9:24 am great plugin, it really provides interactive touch # bronius Says: December 4th, 2008 at 9:40 pm Yes, very slick– thanks for sharing it! note to the wayward developer: - do provide a height/width in css for your panels– without it, it swaps but doesn’t smoothly flip - front and back should be of the same size - clip your content with overflow: hidden if you’re unable to reliably stuff your content into a certain size.
Interactive Movie - How the human brain works - New Scientist
http://www.newscientist.com/movie/brain-interactive
The Ident Gallery
http://www.theidentgallery.com/
WALL·E end title sequence + Jim Capobianco & Alex Woo interview | The Art of the Title Sequence
http://www.artofthetitle.com/2009/06/22/wall-e/
satine.org » Snow Stack is Here
http://www.satine.org/archives/2009/07/11/snow-stack-is-here/
Nice Type on Vimeo
http://vimeo.com/nicetype/
Kinetic Type Reference and Catalog
video
Sturdy typography, motion and kinetic type explorations, and other animated typographical niceness on Vimeo.
10 Rare and Cool jQuery Plugins | Queness
http://www.queness.com/post/360/10-rare-and-cool-jquery-plugins
10 Rare and Cool jQuery Plugins
Animating Design Elements: 7 Unique & Creative Practices | Noupe
http://www.noupe.com/design/animating-design-elements.html
We saw different methods and techniques that truly speak to the designer’s capabilities and creativity. A great way to distinguish yourself from the crowd is to have a truly unique user interface. Although there are many possibilities, you should carefully plan each project on its own. Not all techniques provide a solution for everything. Some of them are very helpful and easy to implement, but some lack usability and simplicity.
Animate Curtains Opening with jQuery | Build Internet!
http://buildinternet.com/2009/07/animate-curtains-opening-with-jquery/
use for some promotion or mini-site?
QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler | Jon Raasch's Blog
http://jonraasch.com/blog/quickflip-2-jquery-plugin
The jQuery Flipping Plugin Made Faster and Simpler
ScratchEd
http://scratched.media.mit.edu/
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Web
Learn How your students can create and share with Scratch
18 Creative Examples of Typography in Motion | Webdesigner Depot
http://www.webdesignerdepot.com/2009/07/18-creative-examples-of-typography-in-motion/
webdesignerdepot.com: typography in motion
TYPE - EXAMPLES typography in motion http://vimeo.com/687456
Partly Cloudy | Fubiz™
http://www.fubiz.net/2009/06/09/partly-cloudy/
animação foda da Pixar
Disney
Flynn Lives
http://www.flynnlives.com/media/video/0xendgame.aspx
TRON
Check out the Hi-Res version of the Tron Legacy Trailer that was just unlocked at flynnlives.com
Creaza - Home
http://www.creaza.com/
a suite of web-based creativity tools.
Amazing Video Editor via @TeachaKidd
Video editor, comic strip creator and more.
555 KUBIK | facade projection | on Vimeo
http://vimeo.com/5595869
555 KUBIK "How it would be, if a house was dreaming" The conception of this project consistently derives from its underlying architecture - the theoretic conception and visual pattern of the Hamburg Kunsthalle. The Basic idea of narration was to dissolve and break through the strict architecture of O. M. Ungers "Galerie der Gegenwart". Resultant permeabilty of the solid facade uncovers different interpretations of conception, geometry and aesthetics expressed through graphics and movement. A situation of reflexivity evolves - describing the constitution and spacious perception of this location by means of the building itself. Production: www.urbanscreen.com Art Direction: Daniel Rossa - www.rossarossa.de 3D Operator: David Starmann Sound Design : Jonas Wiese Realized with www.mxwendler.net mediaserver A extended version of this documentation can be found here: vimeo.com/5677104
Excellent work in architecture+projection
Wow. Astounding.
URBANSCREEN    INSZENIERT    ARCHITEKTUR
http://www.urbanscreen.com/
diseño 3D en las calles. buenisimo
URBANSCREEN INSZENIERT ARCHITEKTUR. Urbanscreen hat eine innovative Form der Fassaden-Projektion entwickelt: Lumentektur - ein Verfahren zur passgenauen Projektion auf Gebäude und Objekte
Grupo de investigación de proyeccioones interactivas, sobre fachadas y ojeos tridimensionales
Animated Navigation w/ jQuery & CSS | jQuery Navigation | jQuery Tutorial | Easy jQuery Navigation Tutorial
http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/
jQueryでアニメーションするナビボタン。綺麗。
オサレなナビゲーションサンプル
Sliding Panel: WordPress Plugin
http://justintadlock.com/archives/2009/06/25/sliding-panel-wordpress-plugin
Sliding Panel: WordPress Plugin - http://justintadlock.com/archives/2009/06/25/sliding-panel-wordpress-plugin
16 Impressive Flash-Like Javascript Animation Inspirations, Tutorials and Plugins | Queness
http://www.queness.com/post/456/16-impressive-flash-like-javascript-animation-inspirations-tutorials-and-plugins
Create impressive animation with javascript, I have gathred a collection of websites that uses flash-like animation and also tutorials, plugins and frameworks that will definitely blow you away.
Sony Pictures Imageworks - Open Source
http://opensource.imageworks.com/
Create a Realistic Hover Effect With jQuery « Blog and Web Design Portfolio of Adrian Pelletier
http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui
- Interactive Webdesign with CSS and jQuery - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/06/02/interactive-webdesign-with-css-and-jquery
inspiration for my own site
How to Animate a GIF Inside of Photoshop CS4 - Psdtuts+
http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-animate-a-gif-inside-of-photoshop-cs4/
In this tutorial, we'll take a look at the Photoshop animation feature to create a nice animated GIF. I'm sure all of you already noticed the ads at the right
Great tool for making GIFS
Best Science Visualization Videos of 2009 | Wired Science | Wired.com
http://www.wired.com/wiredscience/2009/08/visualizations/
best science visualization video os 2009
Welcome to the Frontpage
http://historyanimated.com/newhistoryanimated/
A resource for US History teachers
Interactive animations about historical events.
Oxygen on Vimeo
http://vimeo.com/4433312
This is Oxygen, produced at the Ringling College of Art + Design as my thesis for the department of Computer Animation. As a recent graduate, I am hoping this film along with a number of effects I have done for other students will help me get a job doing vfx for film, tv, or games. Visit my website at http://particleart.com to see my reel and (not quite so fantastic as this) other work!
fun cartoon about oxygen - tells difft properties of elements
The Seed on Vimeo
http://vimeo.com/3715286
A two-minute animated voyage through nature's life cycle, following the trials and tribulations of a humble apple seed.
Life cycle of a seed
A two-minute animated voyage through nature's life cycle, following the trials and tribulations of a humble apple seed. The film was kindly funded by Adobe, made using their CS4 range of software. It was produced at Nexus Productions and features a soundtrack by Jape. It was made using a mixture of stop motion papercraft and 2D drawn animation.
YouTube - 8-bit trip
http://www.youtube.com/watch?v=4qsWFFuYZYI
Watch this later
BIRDY NAM NAM - THE PARACHUTE ENDING on Vimeo
http://vimeo.com/5003279
Will Sweeney - Concept designer and Illustrator Steve Scott - Director, Concept designer and compositor James Littlemore - Editor / Compositor Geoff McDowall - Animator Ed Willmore - Animator Roland Edwards - Animator Dele Nuga - Digital Painter Lottie Hope - Producer Dan O'Rourke - Executive Producer Not To Scale - production Thanks to Big Active
It's called Birdy Nam Nam - The Parachute Ending.
Crafting an Animated Postcard With jQuery | Build Internet!
http://buildinternet.com/2009/08/crafting-an-animated-postcard-with-jquery/
Codigos para hacer animaciones
Thank You Mario! - Super Mario Brothers Animated Text Generator
http://wigflip.com/thankyoumario/
un generateur de texte mario
12 Flash-like jQuery Effects | Dev Words
http://www.devwords.com/12-flash-like-jquery-effects/
One of the brilliant things about jQuery is the ease in which you can implement animations. A few years ago anything that looked even the smallest bit
Hollywood Camera Work - Downloads - Free HD Green Screen plates to experiment with
http://www.hollywoodcamerawork.us/greenscreenplates.html
Hollywood Camera Work - Downloads - Free HD Green Screen Plates and Footage to experiment with
Free HD Green Screen Plates and Footage to experiment with
Platós con croma verde para hacer pruebas
free greenscreen plates
Top 10 Anime movies that surpass Disney by light years - Movies, Reviews and More.
http://www.screenhead.com/reviews/top-10-anime-movies-that-surpass-disney-by-lightyears/
It’s a Rainbow! – Color Changing Text and Backgrounds w/ jQuery | Build Internet!
http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/
Animated text color
50 Stunning & Inspirational Stop Motion Videos | Spyre Studios
http://spyrestudios.com/stunning-inspirational-stop-motion-videos/
Sometimes we get wrapped up in our specific profession and lose the ability to find creative sparks in other areas of our lives. So, in the hunt for inspiration elsewhere than web design, I went searching on vimeo and found 50 awesome stop motion videos that are sure to give you creative energy. I mean, watch some of these below and tell me you’re not inspired! And when you’re done, let us know in the comments which ones you liked best (my personal favorite one is the break dancing one).
50 Videos de Stop Motion
Colirio.tv™ - Work of Rafael Morinaga, Brazilian Designer & Animator
http://www.colirio.tv/
fineza total - trampa na cubocc
Reel motion -
Colirio.tv™ - Work of Rafael Morinaga, Brazilian Designer & Animator
Portifa Motion
motion designer da cubocc
LOU ROMANO: UP COLOR SCRIPT
http://louromano.blogspot.com/2009/06/up-color-script.html
incredible
"Guión coloreado" de la película UP, de Disney Pixar
Hi-res pictures for Up (by Pixar)
UP's team
PhotoLapse Makes Time-Lapse Movie Creation a Snap - Time Lapse - Lifehacker
http://lifehacker.com/5362108/photolapse-makes-time+lapse-movie-creation-a-snap
stop animation
jQuery Approach by Scott Robbin
http://srobbin.com/jquery-plugins/jquery-approach/
Proximity-based effects
Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. It works in a very similar manner to jQuery animate, however it animates over distance instead of time.
Sita Sings the Blues | REEL 13
http://www.thirteen.org/sites/reel13/indies/indie-sita-sings-the-blues/241/
Three hilarious shadow puppets narrate both ancient tragedy and modern comedy in this beautifully animated interpretation of the Indian epic Ramayana.
Pixar Intro Parody - CollegeHumor video
http://www.collegehumor.com/video:1921845
Beware of adorable, homicidal lamps.
Create a Thumbnail with Fading Caption Using jQuery | Queness
http://www.queness.com/post/844/create-a-thumbnail-with-fading-caption-using-jquery
Bonito efecto para una galería de imágenes...
This tutorial will show you how to create a fading caption for your thmbnail gallery. It uses jQuery framework and CSS to create this transparent and fading effect.
jQuery Lessons Series: How To Implement Animations of CSS Properties – woorkup.com
http://woorkup.com/2009/10/22/jquery-lessons-series-how-to-implement-animations-of-css-properties/
efectos en listados
Mashable
Organic Tabs | CSS-Tricks
http://css-tricks.com/organic-tabs/
Have you ever seen a tabbed content area in a sidebar that was a little jerky? The jerkiness can be caused by a bunch of things, like the content in the
The plan is to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. Of course, we’ll keep it simple, and keep the markup clean and semantic. The guts of the functionality will be based on calculating heights and animating between those heights on the fly.
Cell Size and Scale
http://learn.genetics.utah.edu/content/begin/cells/scale/
This graph helps grasping the infinte smallness of bacteries, molecules ..
On of those "Power of 10" zooms, but for biologicals.
Here's your answer... pretty cool.
swirly.swf (application/x-shockwave-flash Object)
http://1cup1coffee.com/swirly.swf
Acid Cat
Animated Navigation Bar Using jQuery | WebMuch
http://webmuch.com/animated-navigation-bar-using-jquery/
Tutorial on creating an Animated Navigation Bar Using HTML, CSS & jQuery.
Barra de navegação com animação ao passar o mouse (jQuery)
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery – Tutorialzine
http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/
10 Awesome Techniques and Examples of Animation with jQuery
http://sixrevisions.com/javascript/10-awesome-techniques-and-examples-of-animation-with-jquery/
In this article, we share with you some innovative uses of jQuery in animating web design elements. You'll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps.
10 Attractive Jquery CSS Tooltips Tutorials – Designzzz
http://www.designzzz.com/jquery-css-tooltip-tutorials/
Attractive Jquery CSS Tooltips Tutorials – Designzzz
jQuery Lessons Series: Manipulating CSS Classes – woorkup.com
http://woorkup.com/2009/11/06/jquery-lessons-series-manipulate-css-classes/
In this lesson I want to illustrate you how to use some useful jQuery methods that allow you to manipulate easily CSS classes. In particular I prepared some examples to explain the following methods: toggleClass(), hasClass(), addClass() and removeClass().
Mashable
Fix Your Timestep! « Gaffer on Games
http://gafferongames.com/game-physics/fix-your-timestep/
Amazing jQuery Hover Effects | jQuery Wisdom
http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/
Amazing jQuery Hover Effects | jQuery Wisdom - http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/
Let hovers effects communicate and interact with the users. This collection of my handpicked amazing jQuery Hover effect plugins and tutorials will help you bring great interactivity and usability into your website.
Collection d'effets hover.
Find your tracks
http://www.findyourtracks.fr/
Search music based on different genere, the navigation is fantastic
Trouver des styles de musique par cibles (age, centres d'interets, format, sexe)
Filter tracks by genre, tags, playlists. Simple, well executed interface
Musica a vontade!
20+ Easy to Use jQuery Text Effects and Animations : Speckyboy Design Magazine
http://speckyboy.com/2009/11/16/20-easy-to-use-jquery-text-effects-and-animations/
WorkInProgress
http://www.artboxforum.com/wip/
A blog that shows the process of creating comics pages from initial sketches to finished piece.
Welcome to Cartography 2.0
http://cartography2.org/
Animated and interactive maps
Paul Cayrol | Design & Direction
http://portfolio.cubanhaze.com/
Paul Cayrol is a Freelance Designer & Director active in the fields of Film, Broadcast, Interactive and Print Design.
bom demais
multimediafinal
http://cohort11.americanobserver.net/latoyaegwuekwe/multimediafinal.html
Timeline of unemployment rate, county by countr
Animated time-lapse map of county-by-county unemployment rates in the U.S. since January 2007. Jarring.
Creepy.
This depicts a graphic of the unemployment rate from 2007 to current date. Fascinating.
Wow.
Veer: Ideas: F is for Fail
http://ideas.veer.com/features/fail
i like it
http://is.gd/wTCo - F is for Fail, the design process alphabetised. (My favourite: D is for digression, doubt) [from http://twitter.com/burnettie/statuses/1705656684]
Create human figures using type. Quite depressing!
Transforms
http://westciv.com/tools/transforms/
Memoov - Animation Studio online
http://memoov.com/
create animated movies online
consente di creare buffe animazioni in stile cartoon da condividere nel web.
Memoov is an open online platform that enables you to create & share your animated videos. Check it out. It's all free.
online movie generator
Visualizing empires decline on Vimeo
http://vimeo.com/6437816
crazy
"This is mainly an experimentation with soft bodies using toxi's verlet springs. The data refers to the evolution of the top 4 maritime empires of the XIX and XX centuries by extent. The visual emphasis is on their decline." [Via: http://kottke.org/09/11/the-fall-of-empires "The fall of empires A visualization of the decline of the world's four maritime empires (British, Portuguese, French, Spanish) from 1800 to 2009."]
his is mainly an experimentation with soft bodies using toxi's verlet springs. The data refers to the evolution of the top 4 maritime empires of the XIX and XX centuries by extent. The visual emphasis is on their decline. More on that project mondeguinho.com/master/visual-experimentations/visualizing-empires
Ajax.org - The real-time collaborative application platform
http://www.ajax.org/#home
ajax javascript charts visualisation web ; Not related to AJAX, shorthand for Asynchronous JavaScript and XML ; Ajax.org Platform is a pure javascript application framework for creating real-time collaborative applications that run in the browser. Ajax.org Platform radically changes the way you write applications:Live markup Markup and JSON api Collaborative backbone 100% open source software
Radioactive Buttons with CSS Animations and RGBa - ZURB Playground - ZURB.com
http://www.zurb.com/playground/radioactive-buttons
(no description)
Advanced CSS だけでクリック時の効果も。
buttons radioativos
drops
http://the389.com/works/drops/
form art
via cpb
24 ways: Going Nuts with CSS Transitions
http://24ways.org/2009/going-nuts-with-css-transitions
The advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.
Do not attempt w/o exp designer present!
24 ways: CSS Animations
http://24ways.org/2009/css-animations
24 ways: CSS Animations
More hot CSS animation action. Thank you Tim Van Damme.
Very nice example: Building a loading/activity indicator.
jQuery Roundabout
http://fredhq.com/projects/roundabout/
Para hacer animaciones de html en jquery
Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!) In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with an set of nested elements.
What You Need To Know About Behavioral CSS - Smashing Magazine
http://www.smashingmagazine.com/2009/12/19/what-you-need-to-know-about-behavioral-css/
games flash fun online
What You Need To Know
The hoverFlow Plugin - A Solution to Animation Queue Buildup in jQuery
http://www.2meter3.de/code/hoverFlow/
Another Solution to Animation Queue Buildup in jQuery Or: Why do hover animations continue after I stop hovering? Over at learningjQuery.com, Brandon Aaron published a quick tip on how to prevent animation queue buildup in hover animations. Since I was not satisfied with his solution, I tried to find another. After taking some wrong paths and learning a lot about jQuery's animation (queue) system, I think I finally found a good solution. The last locigal step was to wrap it up into a nice jQuery plugin - and so hoverFlow was born.
hoverFlow is a jQuery plugin that avoids animation queue buildup in hover animations. The plugin honors a single mouseover/-out with a full animation cycle while still preventing the continuation of the animation after the mouse has stopped moving.
A solution to animations building up after MouseOver.
The plugin honors a single mouseover/-out with a full animation cycle while preventing animation queue buildup.
Every day the same dream - molleindustria
http://www.molleindustria.org/everydaythesamedream/everydaythesamedream.html
A little art game about alienation and refusal of labour. Made in 6 days for the Experimental Gameplay Project
Dailymotion - "Twouble with Twitter" sous-titré, une vidéo de LePostfr. twouble, with, twitter, sous-titré
http://www.dailymotion.com/video/x8puil_twouble-with-twitter-soustitre_creation
RT @rt @haubert Video explicando o que é o twitter - http://snurl.com/eyerx - Funny video about Twitter (Link received from @Lynn_Allen) [from http://twitter.com/rssbrasilblog/statuses/1629903106]
Scratch | Gallery | UFEdTech
http://scratch.mit.edu/galleries/view/12944
scratch projects from EME 4401- all projects labeled with WendyDG
Using jQuery Stop
http://css-tricks.com/examples/jQueryStop/
jQueryのanimateのキューオプションと.stop()メソッド引数による動作制御のバリエーションデモ*jQueryのanimateメソッドは、動作を待ち行列(キュー)へためて順次実行してくれますが、放っておくと延々とため続けてしまうので、stopメソッドやqueueオプションでそれを制御する。
Strategies for handling the timing of jQuery animations triggered by UI.
J'aime le GIF, le site qui aime bien les GIF
http://www.jaimelegif.com/
Un site qui fait dans le gif animé... Enfin pas toujours de très bon goût mais cela peut servir.
Bathtub IV on Vimeo
http://vimeo.com/3156959?pg=embed
This is a personal project that would not have been possible without the support of the Westpac Rescue Helicopter Service. Thanks to the entire team for their generous access during training exercises and patrols this Summer. Since the Service began in 1973, it has carried out more than 21,000 missions ranging from urgent patient transfers to dangerous search and rescue missions.
Yo Tonton, Joli traitement Playmobil pour cette vraie vidéo : ) On mange quand ? Phil.
RT @smashingmag: A beautiful small tilt-shift video (that you probably have seen already) - http://is.gd/ohZm - beautiful! [from http://twitter.com/bkuri/statuses/1378687466]
They've taken it a step further from images to video now.
transm.js (javascript programmable image transitions)
http://www.netzgesta.de/transm/
TheHydeTube
http://www.thehydetube.com/tube.php
collections of many cool animated clips
kısa film sitesi
The Third & The Seventh on Vimeo
http://vimeo.com/7809605
Mind blowing full CG video (architecture photography)
<Vigil> http://vimeo.com/7809605
jQuery Animations: A 7-Step Program | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-animations-a-7-step-program/
Letters of Note: Your pal, John K.
http://www.lettersofnote.com/2010/01/your-pal-john-k.html
Wonderful letter to fan from Ren and Stimpy guy
"In 1998, aged just 14, aspiring young cartoonist Amir Avni decided to get in touch with the creator of Ren & Stimpy, John Kricfalusi. Being a hardcore fan of Kricfalusi's work, Amir sent him an introductory letter along with a few cartoons he'd drawn, some of which contained relatively unknown characters of John's. To call Kricfalusi's response 'generous' would be an understatement."
Biology Animation Library :: Dolan DNA Learning Center
http://www.dnalc.org/resources/animations/index.html
chevere
Animations can be viewed within your web browser (the Macromedia Flash plugin is required) or downloaded for play from your computer.
The Cold Spring Harbor Laboratory's learning center has a nice library of animations demonstrating various biology concepts. Some of the concepts covered in the animations library include DNA restriction and transformation, DNA arrays, and model organisms. The animations can be viewed online or downloaded. In addition to the animations library, Cold Spring Harbor Laboratory has a library of 3D models. Highlighting the list of 3D models is a model of the human brain. Like the other animations, the 3D models can be viewed online or downloaded for use on your local hard drive.
The Third & The Seventh on Vimeo
http://vimeo.com/7809605?hd=1
A stunning HD quality video, full CG
Recomendado!
Making a Fresh Content Accordion – Tutorialzine
http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/
Today we are making a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. ДЛя babyset
Case-Mate: I Make My Case
http://imakemycase.case-mate.com/
beautiful iPhone cases
jQuery “flash like” menu « Position Absolute
http://www.position-absolute.com/articles/jquery-flash-like-menu/
jQuery “flash like” menu
When you rollover one item of your menu, the font-size expand to 225%, the color fade to yellow and the other items are giving more space to the hovered item, when you roll out it will take its place back in the menu.
sexyCycle
http://suprb.com/apps/sexyCycle/
$("#box4").sexyCycle({ speed: 500, next: '.next3', prev: '.prev3', stop: '.stop', interval: 800 });
snappy cycle plugin
17 Javascript Animation Frameworks Worth Checking Out | Admix Web
http://www.admixweb.com/2010/01/07/17-javascript-animation-frameworks-worth-to-seing/
JavaScriptのアニメーションフレームワークを17個紹介した記事です。
Stunning jQuery animations - Webexpedition18
http://webexpedition18.com/articles/stunning-jquery-animations/
Rad how to
http://radhowto.blogspot.com/
Disclaimer: in no way can you take any of this as the “right” way of doing things. I’m still learning and some of this stuff may even be wrong. I am constantly adapting and changing my approach to drawing. This is just how I think about stuff and I wanted to share it with people. Maybe it can help, maybe not.
Designing inspiration
The Scale of the Universe
http://www.newgrounds.com/portal/view/525347
escala del universo
A escala do universo da menor particula ao tamanho do universo
Amazing flash animation where you choose the scale with a slider and it zooms from quantum foam to the entire universe. Spectacular. [via Math Hombre blog]
Zoom from the edge of the universe to the quantum foam of spacetime and learn the scale of things along the way! Learn the size of the Pillars of Creation and marvel at the minuscule scale of a neutrino! ARROW KEYS! ARROW KEYS! You can use arrow keys if the scroll bar is too sensitive. Thank you so much for your high ratings and rave reviews!
47 Amazing CSS3 Animation Demos
http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/
By http://bit.ly/Tweets2Delicious
Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials - Smashing Magazine
http://www.smashingmagazine.com/2010/02/06/beautiful-motion-graphics-created-with-programming-showcase-tools-and-tutorials/
プログラム制御のモーショングラフィックス
10 Stunning Examples of jQuery Animations
http://www.queness.com/post/1942/10-stunning-examples-of-jquery-animations
10 Stunning Examples of jQuery Animations
jQuery MagicLine Navigation | CSS-Tricks
http://css-tricks.com/jquery-magicline-navigation/
jQuery Quicksand plugin
http://razorjack.net/quicksand/
アイコンが動かせる
Fool's House
http://www.foolstown.com/
Fool's House http://ow.ly/177ub [from http://twitter.com/bicho_malo/statuses/9066997897]
Terrible UX.... but interesting feeling behind it!
Make an Animated Alphabet using Keypress Events in jQuery | Build Internet!
http://buildinternet.com/2009/05/make-an-animated-alphabet-using-keypress-events-in-jquery/
The third animate event retracts the block back to its starting position.
shortcut keys?
Making Stopmotion Movies
http://stopmotionmovies.yolasite.com/
jQuery Roundabout Shapes
http://fredhq.com/projects/roundabout-shapes/
Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.
liタグがぐるぐる
Move Elements with Even More Style Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.
Superb variety of carousel examples and implementations.
Quicksand
http://razorjack.net/quicksand/docs-and-demos.html
Cool Jquery sorting
jquery framework for list item replacement with shuffle transition.
cool plugin
Flixtime - Video Slideshows made easy!
http://flixtime.com/
Create a 60 second video, free.
60 second videos and slide show creation. Can down load them.
3 quick steps and in about 3 minutes, you will be ready for the world premiere of your video. It's absolutely FREE to sign-up for a account, upload your images and videos, and watch your masterpiece come together.
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation
http://joncom.be/code/css-clocks/
clock
Süper saat uygulaması.
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation - http://joncom.be/code/css-clocks/
26 cool and useful jQuery tips, tricks & solutions | OpenSourceHunter
http://www.opensourcehunter.com/2010/02/27/26-cool-and-usefull-jquery-tips-tricks-solutions/
The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks and solutions are coming available. That’s why i created a small list of 26 cool and useful jQuery tips, tricks and solutions. jQuery has a lot of very useful plugins that can help you with almost anything, but there are a couple of plugins that aren’t that smart to use, why? Well sometimes 1 or 2 lines of jQuery code can do the same thing(or even better), so why use a big script if you can do the same trick with a small piece of code. As many of you already know, jQuery can do a lot of things in more than just one way, so if you see a tip, trick or solution and think/know this can be done better, smarter or faster please let me know, post and share it in a comment below of just email me this, so that i can use this for part 2.
JESS3 / The State of The Internet on Vimeo
http://vimeo.com/9641036
Estatistica sobre internet
JESS3 designed and animated this for the JESS3 lecture at AIGA Baltimore in Feb 2010.
JESS3 designed and animated this for the JESS3 lecture at AIGA Baltimore in Feb 2010
Olympic Pictograms Through the Ages - Video Feature - NYTimes.com
http://www.nytimes.com/interactive/2010/02/24/sports/olympics/pictograms-interactive.html
Designer Steven Heller traces the evolution of the tiny symbols for each Olympic sport since their appearance in 1936.
Pictograms design through the ages.
a história dos pictogramas nas Olimpíadas
50 Awesome CSS3 Animations | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/50-awesome-css3-animations/
Browse: Home / Development / 50 Awesome Animations made with CSS3
“And Then There Was Salsa” on Vimeo
http://www.vimeo.com/9194146
Welcome to the world of Tostitos Restaurant Style Salsa A land of luscious tomato trees, spicy jalapeño cacti and canopies of fresh cilantro where anything is possible.
kul video som beveger seg utenfor rammen på vimeo...
How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations | AEXT.NET
http://aext.net/2010/03/javascript-jquery-killing-flash-tutorial-jquery-plugin/
Efeitos muito bons de animação Jquery
CSS3 loading spinners without images • CSS & (X)HTML • Kilian Valkhof
http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/
CSS transform (in Firefox 3.5+ and Webkit-based browsers) has a whole bunch of interesting functions, such as rotation, translation, scaling and skewing. To learn more about the different functions, check out the Mozilla developer center overview of CSS transform. After playing around with chaining different transforms and seeing the effect, I found out something interesting:
Using Data: Web Tech Guy and Angry Staff Person
http://usingdata.typepad.com/usingdata/2009/03/web.html
Animation of discussion between curator and tech person about social media in museums. Brilliant.
Web Tech Guy and Angry Staff Person
From Michael Edson. Very thought-provoking - arguments counteracting traditional arguments against letting go of content
loel
Garage TV - De kortfilm der logo's | video filmpjes | kortfilm, film, marketing
http://www.garagetv.be/video-galerij/buzzing_bees/De_kortfilm_der_logo_s.aspx
Won best animated short at the Oscars
今年のアカデミー賞短編アニメーション部門の受賞作「LOGORAMA」
アカデミー賞短編アニメーション部門の受賞作「LOGORAMA」
Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops
http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/
Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops - http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/
Overlay toolbar
I AM NOT AN ARTIST - AN ANIMATED GIF PARANOIA ABOUT NONSTOP DESIGN WORKERS
http://www.iamnotanartist.org/index.php
interest
via ssuge
RT @NickBray: New favourite site: http://www.iamnotanartist.org/ << love it!
Grid Accordion with jQuery | CSS-Tricks
http://css-tricks.com/grid-accordion-with-jquery/
Cool collapsing column trick
Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.
An accordion grid created using CSS & Jquery
The Story of Bottled Water
http://storyofstuff.org/bottledwater/
Let me just say this: any New Yorker that drinks bottled water is a fucking disgrace.
jQuery Spotlight
http://www.gilbertpellegrom.co.uk/demo/jquery-spotlight/
jQuery Spotlight is a jQuery plugin which allows you to highlight elements in your page using a 'spotlight' effect. This plugin is highly customizable and requires no external css or images.
Sponsor Flip Wall With jQuery & CSS – Tutorialzine
http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/
for main
I'M HERE – A LOVE STORY IN AN ABSOLUT WORLD
http://www.imheremovie.com/
interesting concept website, nice story too!
I'M HERE – A LOVE STORY IN AN ABSOLUT WORLD
Via Claire Buffet.
Spike Jonesのショートムービー
Excelente cortometraje del director Spike Jonze (de "Donde viven los monstruos") presentado en una forma bastante inusual e innovativa.
Create a Realistic Hover Effect With jQuery « Blog and Web Design Portfolio of Adrian Pelletier
http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui/comment-page-1/#comment-3367
A very impressive demo of reflection and shaddown on icons
RD - riccardodegni.net | Blog » GX - Full-featured Javascript Animations Framework
http://www.riccardodegni.net/blog/gx-full-featured-javascript-animations-framework
RD - riccardodegni.net | Blog » GX - Full-featured Javascript Animations Framework - http://www.riccardodegni.net/blog/gx-full-featured-javascript-animations-framework
http://gx.riccardodegni.net/
Javascript Animations framework!
“GX is a full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Using GX you can create complex animations working with every w3c CSS property. Currently, GX is designed in order to work with the jQuery Javascript Library and is being released under the MIT License“
Reel Roulette
http://reelroulette.net/
BubbleUp jQuery Plugin to Spice Up Your Menu | AEXT.NET
http://aext.net/2010/04/bubbleup-jquery-plugin/
plugin menu zoom
Jonathan Jarvis
http://jonnyj.net/m5/
Credit video
- really nice animation particularly the Crisis of Credit explanation
Beautiful advanced jQuery background image slideshow
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
slide show no background
RT @smashingmag: Advanced jQuery background image slideshow - http://bit.ly/bLdKiK
Why a Mac is really the only option. Can your PC do this? – The Next Web
http://thenextweb.com/2009/06/25/mac-option-pc/
RT @vendeesign: Voila pourquoi je veux un Mac : http://bit.ly/1LutMf [from http://twitter.com/kemar/statuses/2323945640]
Cute MAC animation
Posted by MacRohard
Dailymotion - PIXELS by PATRICK JEAN. - une vidéo Art et Création
http://www.dailymotion.com/video/xcv6dv_pixels-by-patrick-jean_creation
Box game animation
Classic video game characters invade New York.
pixels
PIXELS+by+PATRICK+JEAN. http://www.dailymotion.com/video/xcv6dv_pixels-by-patrick-jean_creation
Documentation | Spritely
http://www.spritely.net/documentation/
Documentation | Spritely - http://www.spritely.net/documentation/
One More Production
http://www.onemoreproduction.com/
One More Production - Special Effect studio in Paris
Producers of Pixels (Patrick Jean)
Cool: The Complete Animated History of the Internet
http://i.gizmodo.com/5150341/the-complete-animated-history-of-the-internet
The complete, comprehensive history of the Internet from 1957 to 2009, in just 8 minutes.
YouTube - Phonographantasmascope
http://www.youtube.com/watch?v=to99C-0cLGE
"Phonographantasmascope"
45fps zoetrope, 25fps camera?
蠻酷的動畫!欣賞的時候或許需要把音效關掉。
animatsioonid vinüülimängijale, stroboskoobina töötab vist kaamerakatik?
Video: History of the Internet - ReadWriteWeb
http://www.readwriteweb.com/archives/video_history_of_the_internet.php
(7:30)
"If you've ever wondered how the Internet was born, but can't be bothered reading a whole book on the subject, check out this short animated documentary from Milah Bilgil. Entitled History of the internet, it does a great job explaining time-sharing, file-sharing, arpanet and internet. "
Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout | DevSnippets
http://devsnippets.com/article/using-jquery-the-sexy-way.html
Presentación y muestra de fotos con Jquery. Muy buena para artículos
Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 7
Great rich user interfaces powered by javascript.
Blowing up HTML5 video and mapping it into 3D space « Craftymind
http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/
runtime chroma keying,
html5 does wonders
Crazy video tricks with the video tag and canvas
VIDEO 3d Explosion
I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call.
Daylight Hours Explorer
http://astro.unl.edu/classaction/animations/coordsmotion/daylighthoursexplorer.html
sunlight hours,
flash animation
The Brick Testament
http://www.thebricktestament.com/genesis/index.html#garden_of_eden
I Love Dust
http://ilovedust.com/ild
foda pracaraio
studio
c068de69cb7475120c8387eoq1.swf (application/x-shockwave-flash Object)
http://img301.imageshack.us/img301/7564/c068de69cb7475120c8387eoq1.swf
EPIIIIIIIIIIIIIIIIIIIIIIC
to the tune of "Ghost Love Score"
You know how sometimes when you walk down the street listening to music, everything you do seems more purposeful? You could get that feeling times ONE HUNDRED if you could somehow go about your daily life while watching this video.
Presentation Zen: Using Keynote & iMovie to reach "Dot Zen"
http://www.presentationzen.com/presentationzen/2009/05/using-keynote-imovie-to-reach-dot-zen.html
always nice to see keynote used in interesting ways
InfoGrid
http://css-tricks.com/examples/InfoGrid/
grid accordian
InfoGridデモページ
Animate Panning Slideshow with jQuery | Build Internet!
http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/
:: SHARPER FX, INC. ::
http://www.sharperfx.com/
web sites, web development, flash intros, church websites, business web sites, content management, CMS, websites, online database services, graphic design, ecommerce
religious experience design
The Piecemaker - free Flash image rotator gallery - Home
http://www.modularweb.net/piecemaker/
A free image rotator gallery with 3D transitions, made with Flash.
Beautiful Background Image Navigation with jQuery | Codrops
http://tympanus.net/codrops/2010/05/05/beautiful-background-image-navigation-with-jquery/
Beautiful Background Image Navigation with jQuery - http://bit.ly/d84kmv – jQuery (jquery) http://twitter.com/jquery/statuses/13483563601
メニューとともに背景画像もかっこよく切り替わるナビゲーションを作るチュートリアル記事です。
HoverAttribute jQuery plugin « afEkenholm Web Design
http://www.afekenholm.se/hoverattribute-jquery-plugin/
すげー。マウスオーバー時にクロスフェード+トゥイーンでURLなどを表示。
Airspace Rebooted on Vimeo
http://vimeo.com/11205494
La explosión del volcán Eyjafjallajökull hace 2 semanas hizo que el tráfico aéreo de media europa quedara suspendido por unos días. En ésta llamativa animación se ve la vuelta a la normalidad (especialmente en lo que afecta a UK).
A visualisation of the northern European airspace returning to use after being closed due to volcanic ash. Due to varying ash density across Europe, the first flights can be seen in some areas on the 18th and by the 20th everywhere is open.
[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-scrolling-background-effect.html
背景画像をゆっくりスクロール
http://YOU LOVE.USのjQuery実装方法
これは新しい感じがする
グラデーションの背景をJSでスライドさせてる。これは素敵。
jQuery Circulate
http://css-tricks.com/examples/Circulate/
Zoomooz.js
http://janne.aukia.com/zoomooz/
Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.
Zoomooz.js http://ow.ly/1JTNj // this is slick!
jsでズーム
jQuery Sliding Clock v.1
http://home.comcast.net/~vonholdt/test/clock_slide/index.htm
une horloge en jquery
Impressively simple
Sexy Interactions with CSS Transitions | Carsonified
http://carsonified.com/blog/design/sexy-interactions-with-css-transitions/
ThinkVitamin - Carsonified's blog about the web
Sexy Interactions with CSS Transitions - http://bit.ly/bCPGgl – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/13978117016
Sexy Interactions with CSS Transitions http://bit.ly/bCPGgl
12 Insanely Awesome Javascript Effects
http://www.queness.com/post/2865/12-insanely-awesome-javascript-effects
Yes, it's insane, I found these javascript effects in chrome experiments website, and I think I should promote and show them to all of you. Enjoy :)
YouTube - The Dark Knight Trailer Recut - Toy Story 2
http://www.youtube.com/watch?v=7QFWBFIEuig
Awesome trailer for Toy Story 2 in the sound/style of The Dark Knight.
The Dark Knight Trailer Recut - Toy Story 2
Toy Story/The Dark Knight Trailer Mashup http://www.youtube.com/watch?v=7QFWBFIEuig [from http://twitter.com/theregoesmypony/statuses/1616600628]
this works far too well.
Mash Up
SlideDown Animation Jump Revisited | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/slidedown-animation-jump-revisited/
SlideDown Animation Jump Revisited | jQuery for Designers - Tutorials and screencasts - http://jqueryfordesigners.com/slidedown-animation-jump-revisited/
Workaround solution for the undesirable classic animation glitch that often occurs when sliding stuff in and out with jQuery.
Dock Content Tutorial with jQuery and jQuery Easing Plugin | Queness
http://www.queness.com/post/241/dock-content-tutorial-with-jquery-and-jquery-easing-plugin
Dock Content Tutorial with jQuery. Hides top navigation with a drop down
This tutorial will show how to create a jQuery dock that positioned at the top of your website, show and hide on mouse over event. By using easeOutBounce from jQuery Easing plugin, the transition effect has greatly enhanced and much more attractive.
dock menu
Using CSS3 Transitions, Transforms and Animation
http://css3.bradshawenterprises.com/
These demos are showing of CSS transitions, transforms (2D and 3D) and animations.
Stage'D!
http://stagedproject.com/
RT @tcea: New #animated #comiccreator called #Stage'd available at http://stagedproject.com/. Use it to create #3D digital plays!
From Kelly Tenkely: Stage’d is a tool that helps students to tell digital stories in a new 3-d way. Students can create a stage full of characters and dialogue as if they are directing their own digital play. They can choose characters, costumes, animations, set design and provide characters with dialog. When the 3-d comic has been saved, it can be emailed or linked to with a unique url. Stage’d is perfect for use in any classroom, to save a comic requires no personal identifying information or even an email address. All students have to do is type in the name of the director (first name only or a pseudonym)."
Staged is a very simple to use 3D comic design webtool that allows students to create animated comic strips that speak with speech bubbles. It would be a great way to have students act out a scene from a novel or history.
create a 3C comic
A digital toy for creating animated comics.
Gallery | Spritely
http://www.spritely.net/gallery/
Tell us where you're using Spritely Spritely is fairly new (March 2010), so there's not much to see yet, but if you start using spritely to sprite up your web...
Animations with no Flash.
movimiento de pájaros y de fondos
js iPod touch
http://gyu.que.jp/jscloth/touch.html
3d:n piirtäminen 2d canvasilla.
Terminator Salvation Poster
http://www.sonypictures.net/movies/terminatorsalvation/poster.html
bonne idée de "poster enrichi"
só pra lembrar como é bacana esse "living poster"
Not sure how the movie will be, but this poster is awesome.
:::SAL | :::
http://www.science.smith.edu/sal/maps/settlement.html
:::SAL | :::
John Resig - CSS Animations and JavaScript
http://ejohn.org/blog/css-animations-and-javascript/
Apple, and the WebKit team, have recently proposed two different additions to CSS: CSS Transitions and CSS Animations.
Apple, and the WebKit team, have recently proposed two different additions to CSS: CSS Transitions and CSS Animations. The two specifications are confusingly named - and it's hard to tell what the difference is between them at first glance. However, to put it simply: CSS Transitions are easy to use, while CSS Animations are made for programmers. CSS Transitions CSS Transitions provide you with the ability to force CSS property changing to occur smoothly over a period of time, rather than immediately and coarsely.
APNG « Devthought
http://devthought.com/projects/mootools/apng/
把png做成动画
APNG is very flexible when it comes to the method of displaying the various animation frames.
APNG provides simple frame-based animation functionality. It?s main goal is solve the problem of animating alpha-transparent images (PNG format).
A gorgeous blog!
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/jsgx.html
jQuery用のアニメーションフレームワーク「GX」の紹介とサンプル。
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。
カラーアニメーションにも対応。
ギャラリー
http://www.eonet.ne.jp/~y-nagao/Gallery.htm
2008-08-29 22:53:22 <eve> http://www.eonet.ne.jp/~y-nagao/Gallery.htm
Our Solar System — An experiment with CSS3 border-radius, transforms & animations.
http://neography.com/experiment/circles/solarsystem/
An experiment with CSS3 border-radius, transforms & animations. Love it.
Попробуйте открыть это и в Internet Explorer 8 — у него свое видение нашей солнечной системы :)
A Solar System infoviz using CSS3 features: border-radius, transforms & animations.
Une belle réalisation en CSS3 Impressionnant...
BounceBox Notification Plugin With jQuery & CSS3 – Tutorialzine
http://tutorialzine.com/2010/05/bounce-in-box-plugin-jquery/
Notificação estilo alert
jQuery & CSS3
Add Motion To Website: jQuery Animation Plugins From 2010
http://www.1stwebdesigner.com/resources/jquery-animation-motion-plugins-2010/
Ball Pool
http://mrdoob.com/projects/chromeexperiments/ball_pool/
ボールが物理が中村的な
Javascriptalicious.
Dragdealer JS
http://code.ovidiu.ch/dragdealer/
Dragdealer JS http://ow.ly/1Ynv1 // this is very nice
CSS Sprites w/out Using Background Images | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka
http://www.sohtanaka.com/web-design/css-sprites-wout-background-images/
Liquid Particles - spielzeugz.de canvas experiment
http://spielzeugz.de/html5/liquid-particles.html
HTML5/canvas demo, 500 particles to play around with.
Liquid Particles using HTML5 http://bit.ly/9yBwIv (via @richbugger)
Pretty cool! RT @marcofolio: RT @richbugger Liquid Particles using HTML5 http://bit.ly/9yBwIv << Sweet!
Rocking and Rolling Rounded Menu with jQuery | Codrops
http://tympanus.net/codrops/2010/04/30/rocking-and-rolling-rounded-menu-with-jquery/
In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.
Menu Fabuloso
super effet avec rotation des éléments. A approfondir urgent !!!
Pure CSS Twitter Fail Whale - By Steve Dennis
http://www.subcide.com/experiments/fail-whale/
RT @tweedlebop: CSS animated Fail Whale: http://www.subcide.com/experiments/fail-whale/
steve dennis made the twitter whale only with css
CSSで作られたアニメーションするFail Whale(Chrome/Safari専用)
Pure CSS Twitter Fail Whale - Subcide
http://www.subcide.com/articles/pure-css-twitter-fail-whale/
Works well on Palm Pre.
If you’re using a Webkit browser (Safari or Chrome), it should also be animated using the webkit-animation CSS functions. If you are viewing in IE8 or below, well, this isn’t an experiment for you.
CSS Twitter Whale
HTML 5 Asteroids | Doug McInnes
http://dougmcinnes.com/html-5-asteroids/
Top 10 Stop Motion Videos on YouTube
http://mashable.com/2010/05/29/stop-motion-videos/
Stop motion film-making is a labor of love, so consider this collection of 10 amazing mini stop motion movies a love song to the format.
<3
World Cup 2010: Brick-by-brick fussball - England 1-1 USA | Video | Football | guardian.co.uk
http://www.guardian.co.uk/football/video/2010/jun/14/world-cup-2010-england-usa-brick
Lego #worldcup fever! This. Is. Awesome.: http://cwu.me/alxKiJ (h/t @dabeard) [from http://twitter.com/MacDivaONA/statuses/16183689977]
An animated recreation of England's first match against the USA
soccer with Lego. That is so cool.
"An animated recreation of England's first match against the USA. "
Lego animation of the England v USA World Cup game!
RT @macnzMark: http://bit.ly/ac3hGH Lego recreations of UK vs USA in world cup soccer - tis funny!
Sexy Image Hover Effects using CSS3 | Nikesh Hayaran's Blog
http://www.nikesh.me/blog/2010/05/sexy-image-hover-effects-using-css3/
CSS3 Best Practices
http://www.impressivewebs.com/css3-best-practices/
RT @css3watcher: RT @brunobertolini: RT @yogodoshi: CSS3 Best Practices http://www.impressivewebs.com/css3-best-practices/
Early best practices for CSS3
Prologue: Iron Man 2 | Motionographer | Motion graphics, design, animation, filmmaking and visual effects
http://motionographer.com/features/prologue-iron-man-2/
Article on iron man 2 motion graphics design.
Animating a Blockbuster: How Pixar Built Toy Story 3 | Magazine | Wired.com
http://www.wired.com/magazine/2010/05/process_pixar/all/1
En un interesantísimo artículo de Wired podemos ver como funciona Pixar y un resumen del largo proceso de varios años que ha llevado al estudio de animación a crear la tercera parte de la conocida película Toy Story.
Robyn / Killing Me
http://robyn.com/killingme/
3D interactive MV.
Because noninteractive plasma is #killingme
Robyn's Killing Me clip: 3D/interactive video w/ Twitter integration through a #killingme feed http://robyn.com/killingme/ via thefwa #fb
Get Adobe Flash player
xuq29.gif (GIF Image, 700x700 pixels)
http://i.imgur.com/xuq29.gif
なんか面白い。
xuq29.gif (GIF Image, 700x700 pixels) - Scaled (88%)
"1945-1998" by Isao Hashimoto: CTBTO Preparatory Commission
http://www.ctbto.org/specials/1945-1998-by-isao-hashimoto/
"Multimedia artwork "2053" - This is the number of nuclear explosions conducted in various parts of the globe.*"
2053 この数字わかりますか? 1945から1998の間に地球上で起こされた核爆発の回数です。どこの国がどのくらい核爆発をどこでおこなったかを見事なアート動画で見せてくれるISAO HASHIMOTO の作品をご覧ください。
2053" - This is the number of nuclear explosions conducted in various parts of the globe.
"1945-1998" by Isao Hashimoto: CTBTO Preparatory Commission
http://www.ctbto.org/specials/1945-1998-by-isao-hashimoto/
"Multimedia artwork "2053" - This is the number of nuclear explosions conducted in various parts of the globe.*"
2053 この数字わかりますか? 1945から1998の間に地球上で起こされた核爆発の回数です。どこの国がどのくらい核爆発をどこでおこなったかを見事なアート動画で見せてくれるISAO HASHIMOTO の作品をご覧ください。
"1945-1998" by Isao Hashimoto: CTBTO Preparatory Commission
http://www.ctbto.org/specials/1945-1998-by-isao-hashimoto/
"Multimedia artwork "2053" - This is the number of nuclear explosions conducted in various parts of the globe.*"
2053 この数字わかりますか? 1945から1998の間に地球上で起こされた核爆発の回数です。どこの国がどのくらい核爆発をどこでおこなったかを見事なアート動画で見せてくれるISAO HASHIMOTO の作品をご覧ください。
Super Cool CSS Flip Effect with Webkit Animation
http://line25.com/articles/super-cool-css-flip-effect-with-webkit-animation
Super Mario Bros. on Vimeo
http://vimeo.com/13118504
Andreas Heikaus
RT @JorgenLinkas: Super Mario Bros kunsverk -> http://vimeo.com/13118504
RT @likeomg: too awesome! RT @tcollins: Super Mario Bros in real life [video] http://bit.ly/cN0wRm
35 jQuery Animation Tutorials | Vandelay Design Blog
http://vandelaydesign.com/blog/web-development/jquery-animation-tutorials/
tutorial jquery
35 jQuery Animation Tutorials | Vandelay Design Blog
http://vandelaydesign.com/blog/web-development/jquery-animation-tutorials/
Creative designers can do some amazing things with jQuery. A wide variety of animation effects are possible, and these 35 tutorials provide excellent learning resources for anyone who is wanting to brush up their skills in this area. You'll find tutorials for creative animated navigation menus, as well as for other types of animation that use jQuery instead of Flash. Animate Image Filling Up Using jQuery
jQuery & CSS Sprite Animation Explained In Under 5 Minutes | AddyOsmani.com | Where Web Businesses Grow
http://addyosmani.com/blog/jquery-sprite-animation/
MITYA.CO.UK  |  Scripts  |  Blockster transition effect
http://www.mitya.co.uk/scripts/Blockster-transition-effect-122
MITYA.CO.UK | Scripts | Blockster transition effect - http://www.mitya.co.uk/scripts/Blockster-transition-effect-122
Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.
MITYA.CO.UK  |  Scripts  |  Animated table sort (REGEXP friendly)
http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111
ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ
Mitya.co.uk - scripts, plugins and tutorials for Javascript, jQuery and PHP. Check out my web development blog for the latest updates.
MITYA.CO.UK  |  Scripts  |  Animated table sort (REGEXP friendly)
http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111
MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111
ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ
MITYA.CO.UK  |  Scripts  |  Animated table sort (REGEXP friendly)
http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111
MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111
ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ
Lagoa Multiphysics 1.0 - Teaser on Vimeo
http://vimeo.com/13457383
This is a new Multiphysics simulation by Lagoa Technologies Inc.
The Future of Physics - Visualizing and Modeling Materials http://is.gd/dAb5J #physics via @anselm
物理シミュレーション。
This is a new Multiphysics simulation by Lagoa Technologies Inc
animação
MITYA.CO.UK  |  Scripts  |  Animated table sort (REGEXP friendly)
http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111
MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111
Canvas Cycle: True 8-bit Color Cycling with HTML5
http://www.effectgames.com/demos/canvascycle/
lovely animations that take me back to my VGA PC and super nintendo RPG days. Just sick.
beautiful
the work of Mark Ferrari with HTML5 color cycling
Animate Size in JavaScript | JavaScript Examples | UIZE JavaScript Framework
http://www.uize.com/examples/animate-size-in-javascript.html
Animate Size in JavaScript http://zi.mu/l44 效果不错, 蛮流程的
excellent example of different easing techniques
Fancy Image Hover Using CSS3 | Web Designers Desk
http://webdesignersdesk.com/2010/06/fancy-image-hover-using-css3/
Web Designers Desk
YouTube - RSA Animate - Drive: The surprising truth about what motivates us
http://www.youtube.com/watch?v=u6XAPnuFjJc&feature=player_embedded&related
From one of my favorite books this year, there's a great tie in as to why people hate the jobs that they are in and want to do something more intrinsically rewarding like freelancing.
This lively RSA Animate, adapted from Dan Pink's talk at the RSA, illustrates the hidden truths behind what really motivates us at home and in the workplace....
This is an interesting video on what motivates knowledge workers to perform. And how the phrase "I do this if they didn't pay me" become more relevant the higher the cognitive requirements become.
Very very very interesting take on what motivates people to work. -KO
Inverse relationship between incentives and motivation