RSS

sunpig + animation   39

LukeW | Designing with Keynote
Recently, an increasing number of designers (myself included) are turning to Apple's presentation making software, Keynote, to design and prototype software applications. Here's a few reasons why and some tips learned along the way.
design  keynote  interaction  wireframe  ux  prototype  presentation  animation  transition  software  tool 
7 weeks ago by sunpig
Optimising animations and transitions / Daniel Eden
daneden  webdev  frontend  css  animation  transition  smooth  optimize  alias  antialias  font  text  render  hardware 
9 weeks ago by sunpig
Dispelling the Android CSS animation myths / Daniel Eden
daneden  android  browser  animation  css  transform  transition  web  webdev  frontend  html 
9 weeks ago by sunpig
Behind The Scenes Of Tourism New Zealand (Case Study) | Smashing Magazine
RT @fschaap: Mind blowing website case study @smashingmag:
nz  newzealand  html5  js  javascript  flash  animation  scrollmation  photography  stopmotion  web  website  webdev  frontend  design  webdesign  casestudy  inspiration  tourism 
11 weeks ago by sunpig
Using CSS3 Transitions, Transforms and Animation
css  transition  transform  animation  tutorial  guide  example  code  accelerate  rotate  translate  css3  ios  webkit 
12 weeks ago by sunpig
Animate to an Inline Style | CSS-Tricks
csstricks  chriscoyier  animate  animation  inline  css  style  transition 
february 2012 by sunpig
Canvas tutorial - MDN
html  canvas  mozilla  tutorial  mdn  js  javascript  creative  rect  animation  transformation 
february 2012 by sunpig
Original Hover Effects with CSS3
css  animation  transition  hover  demo  css3  translate  image  text  effect  animate 
november 2011 by sunpig
Internet Explorer 10 Developer Guide:CSS
ie  internetexplorer  developer  css  gradient  animation  shadow  float  grid  box  layout 
october 2011 by sunpig
Up and Down the Ladder of Abstraction
abstraction  ladder  car  animation  space  philosophy  road  curve  angle  vector  trial  error  boundary 
october 2011 by sunpig
Introduction to Three.js
javascript  presentation  webgl  mrdoob  google  3js  three  threejs  animation  coordinates  library  model  scene  graphics 
october 2011 by sunpig
borderとtransitionを使ったエフェクト - jsdo.it - Share JavaScript, HTML5 and CSS
RT @hakimel: CSS border transitions ~
css  border  transition  animation  webdev  design  cool 
october 2011 by sunpig
cubic-bezier(.16,-0.42,.82,1.39) ✿ cubic-bezier.com
cubic  bezier  curve  animation  easing  tool  leaverou  ease  linear  webdev 
october 2011 by sunpig
Graph of transition timing functions
css3  easing  timing  function  transition  animation  css  html  webdev 
july 2011 by sunpig
Claustrophobia (resize your browser)
RT @mathias: World’s first rage comic built with media queries: #f7u12
animation  responsive  comic  rage  ffffuuuuu  funny  media  query  f7u12 
june 2011 by sunpig
Please, feed the Cursor Monster.
Feed the cursor monster!
cursor  css  animation  funny  cute  monster  none  hide  swallow  from twitter
april 2011 by sunpig
requestAnimationFrame for smart animating « Paul Irish
paulirish  javascript  js  animation  browser  api  performance  battery  requestanimationframe 
february 2011 by sunpig
Pure CSS Slideshow
css  animation  translate  transform  css3  webdev  slideshow  slide  animate  demo 
february 2011 by sunpig
Ben the Bodyguard. Coming soon to iPhone® and iPod touch®
ben  bodyguard  french  security  css  scroll  html  webdev  js  css3  animation  web  inspiration  iphone  app 
february 2011 by sunpig
BeerCamp at SXSW 2011
And again, because it's so good: SCROLL DOWN /via /via
3d  css  transform  animation  html  inspriration  scrollimation  beer  camp  geek  brew  house  inception  from twitter
february 2011 by sunpig
My JS1K Demo - The Making Of | Steven Wittens - Acko.net
js1k  demo  graphics  canvas  animation  explanation  tutorial  howto  education  js  javascript  programming  3d  math  coordinates  html5 
august 2010 by sunpig
CSS3 Animations and Masking Text
css  css3  transition  animation  clip  mask  text  background  animate  fade  colour 
march 2010 by sunpig
Pure CSS3 Animated AT-AT Walker from Star Wars | Internet Marketing Blog
css  animation  transform  keyframe  translate  css3  atat  at-at  walker  starwars  demo 
february 2010 by sunpig
Román Cortés » Pure CSS Coke Can
romancortes  coke  can  3d  css  html  web  effect  roll  animation  displacement 
january 2010 by sunpig
Web Designer Notebook » The CSS3 :target Pseudo-class And CSS Animations
inayailideleon  target  pseudoclass  element  html  css  css3  animation  webkit  progressiveenhancement 
january 2010 by sunpig
ASCII by Jason Scott / Archive Team: Under Construction
underconstruction  gif  nostalgia  history  archive  animation  geocities 
october 2009 by sunpig
This is how we should talk to kids - Anil Dash
animation  funny  cool  video  deconstruction  music  instruction  story  littleredridinghood  fairytale 
march 2009 by sunpig
Looks Like Pancakes: Cloudy With A Chance Of Meatballs Trailer Whets Our Appetite For Cheeseburger Rain
movie  animation  funny  food  trailer 
march 2009 by sunpig
The Crisis of Credit Visualized
animation  economics  film  visualization  finance  credit  crisis 
february 2009 by sunpig
Here’s the two squid I owe you « Why, That’s Delightful!
animation  squid  funny  cartoon  cgi 
september 2008 by sunpig
Reboot Comic
via Filmstalker
reboot  comic  cartoon  animation  blog  cgi  filmstalker 
june 2008 by sunpig
Reid Burke’s YUI Addons
yui  addon  widget  control  scroll  tab  animation  js  javascript  web 
may 2008 by sunpig
Ajaxian » Timelapse CSS
timelapse  movie  css  web  browser  js  javascript  animation  stylesheet  style 
may 2008 by sunpig
Stop Motion Piano And Drums - BREAK.com
music  video  animation  stop-motion  cool  funny 
november 2006 by sunpig
Yahoo! UI JavaScript treats (Simon Willison)
simonwillison  ui  js  javascript  code  dom  events  animation  cross-browser  webstandards  sb 
february 2006 by sunpig
FACE: Faruk's Animated CSS Enhancements - KuraFire Network
css  html  javascript  animation  webstandards  kurafire  farukates 
december 2005 by sunpig
Masstransiscope
art  animation  train  subway 
january 2005 by sunpig
The Ward-O-Matic: The Polar Express: A Virtual Train Wreck (conclusion)
animation  design  character  polarexpress  incredibles  digital  cgi  film  films  movies 
january 2005 by sunpig
Everyone Else Has Had More Sex Than Me
animation  flash  funny  misc  music  rabbits  web 
december 2004 by sunpig

related tags

3d ⊕  3js ⊕  abstraction ⊕  accelerate ⊕  addon ⊕  alias ⊕  android ⊕  angle ⊕  animate ⊕  animation ⊖  antialias ⊕  api ⊕  app ⊕  archive ⊕  art ⊕  at-at ⊕  atat ⊕  background ⊕  battery ⊕  beer ⊕  ben ⊕  bezier ⊕  blog ⊕  bodyguard ⊕  border ⊕  boundary ⊕  box ⊕  brew ⊕  browser ⊕  camp ⊕  can ⊕  canvas ⊕  car ⊕  cartoon ⊕  casestudy ⊕  cgi ⊕  character ⊕  chriscoyier ⊕  clip ⊕  code ⊕  coke ⊕  colour ⊕  comic ⊕  control ⊕  cool ⊕  coordinates ⊕  creative ⊕  credit ⊕  crisis ⊕  cross-browser ⊕  css ⊕  css3 ⊕  csstricks ⊕  cubic ⊕  cursor ⊕  curve ⊕  cute ⊕  daneden ⊕  deconstruction ⊕  demo ⊕  design ⊕  developer ⊕  digital ⊕  displacement ⊕  dom ⊕  ease ⊕  easing ⊕  economics ⊕  education ⊕  effect ⊕  element ⊕  error ⊕  events ⊕  example ⊕  explanation ⊕  f7u12 ⊕  fade ⊕  fairytale ⊕  farukates ⊕  ffffuuuuu ⊕  film ⊕  films ⊕  filmstalker ⊕  finance ⊕  flash ⊕  float ⊕  font ⊕  food ⊕  french ⊕  frontend ⊕  function ⊕  funny ⊕  geek ⊕  geocities ⊕  gif ⊕  google ⊕  gradient ⊕  graphics ⊕  grid ⊕  guide ⊕  hardware ⊕  hide ⊕  history ⊕  house ⊕  hover ⊕  howto ⊕  html ⊕  html5 ⊕  ie ⊕  image ⊕  inayailideleon ⊕  inception ⊕  incredibles ⊕  inline ⊕  inspiration ⊕  inspriration ⊕  instruction ⊕  interaction ⊕  internetexplorer ⊕  ios ⊕  iphone ⊕  javascript ⊕  js ⊕  js1k ⊕  keyframe ⊕  keynote ⊕  kurafire ⊕  ladder ⊕  layout ⊕  leaverou ⊕  library ⊕  linear ⊕  littleredridinghood ⊕  mask ⊕  math ⊕  mdn ⊕  media ⊕  misc ⊕  model ⊕  monster ⊕  movie ⊕  movies ⊕  mozilla ⊕  mrdoob ⊕  music ⊕  newzealand ⊕  none ⊕  nostalgia ⊕  nz ⊕  optimize ⊕  paulirish ⊕  performance ⊕  philosophy ⊕  photography ⊕  polarexpress ⊕  presentation ⊕  programming ⊕  progressiveenhancement ⊕  prototype ⊕  pseudoclass ⊕  query ⊕  rabbits ⊕  rage ⊕  reboot ⊕  rect ⊕  render ⊕  requestanimationframe ⊕  responsive ⊕  road ⊕  roll ⊕  romancortes ⊕  rotate ⊕  sb ⊕  scene ⊕  scroll ⊕  scrollimation ⊕  scrollmation ⊕  security ⊕  shadow ⊕  simonwillison ⊕  slide ⊕  slideshow ⊕  smooth ⊕  software ⊕  space ⊕  squid ⊕  starwars ⊕  stop-motion ⊕  stopmotion ⊕  story ⊕  style ⊕  stylesheet ⊕  subway ⊕  swallow ⊕  tab ⊕  target ⊕  text ⊕  three ⊕  threejs ⊕  timelapse ⊕  timing ⊕  tool ⊕  tourism ⊕  trailer ⊕  train ⊕  transform ⊕  transformation ⊕  transition ⊕  translate ⊕  trial ⊕  tutorial ⊕  ui ⊕  underconstruction ⊕  ux ⊕  vector ⊕  video ⊕  visualization ⊕  walker ⊕  web ⊕  webdesign ⊕  webdev ⊕  webgl ⊕  webkit ⊕  website ⊕  webstandards ⊕  widget ⊕  wireframe ⊕  yui ⊕ 

Copy this bookmark:



description:


tags: