animate   1420

« earlier    

jquery - Reduce header height after scrolling - Stack Overflow
Let the CSS do all the work. Encoding animation like this in javascript will lead a variety of kinds of pain.

Your JS should be as simple as this:
jQuery  ctc  animate  header  kelly  css 
15 days ago by outkast
Beat detection seems pretty good
cool  JavaScript  library  dance  animate 
5 weeks ago by dandv
Observe a story
nice logo for a west Texas observatory with animation
webdesign  web  design  inspiration  animation  logo  graphic  css  animate 
6 weeks ago by piperh
✅ UX Animation Principles: Duration | @keyframers 1.22.1
possibly useful code for stepped fade-ins of divs, a la typical app behaviour, via css keyframes
webdesign  web  design  keyframe  animation  animate  fadein  fade  load  enter  css  duration  time 
october 2018 by piperh
Principle - Animated Design
they say: Principle makes it easy to design animated and interactive user interfaces.
$129 app for Mac, for creating animated interactions and flows
webdesign  web  design  animate  animated  interaction  flow  ui  effect  app  mac  tool  animation 
september 2018 by piperh
Animations - CodeSandbox
CodeSandbox is an online editor tailored for web applications.
react-spring  react-sprint  animation  animate  render-props 
september 2018 by jimthedev
Icon Transition Generator
online tool to generate code for a transition between two svg icons. Uses js
webdesign  web  design  icon  transition  svg  vector  animation  animate  morph  tool  online 
september 2018 by piperh

« earlier    

related tags

-  2002  3d  adobe  ae  after  aftereffects  amca  android  animated  animateplus  animation  animations  animator  anime  app  automata  backtoons  bar  batman  bef  border  browser  canvas  carousel  cavaleiro  chair  character  charts  cloth  cloud  code  codepen  coding  colour  comic  contraints  cool  counter  cropper  css-dev  css-only  css-techniques  css-tricks  css  css3  ctc  d  dance  demo  design  desk  dev  do  docs  drag-n-drop  draganddrop  draw  drawing  duration  effect  effects  engine  enhance  enter  example  export  extension  facebook  fade  fadein  fallback  figma  flip  flow  font  format  frame  framework  francine  generator  gif  gifs  glitch  google  graphic  grid  guide  hamburger  hansen  header  hoc  hover  how  howto  html  html5  icon  illustration  illustrations  image  import  inanimate  inline  inspiration  interaction  interpolate  interpolation  inview  ios  isotope  ixd  javascript  javascript_library  jquery  js  kelly  keyframe  keyframes  kinect  kit  lango  layer  library  line  link  linux  load  loader  loading  logo  loop  mac  macos  menu  mobile  morph  motion  native  navigation  neon  number  object  odometer  online  opensource  origami  paid  parallax  path  pattern  performance  person  pie  plugin  point  popmotion  powerpoint  preload  progress  react-native  react-navigation  react-spring  react-sprint  react  read  realtime  reference  render-props  renedescartes  reveal  review  reviews  rotate  screencast  script  scroll  sensor  serie  series  shiny  sketch  sketchapp  slices  slider  software  software_sketchbook  spinner  sprite  stroke  svg  swift  symbol  table  technique  text  three  threed  time  timeline  tool  track  transform  transition  trevas  tricks  tumblr  tutorial  tween  type  typo  typography  ui  underline  ux  vector  video  waypoints  web  webdesign  webdev  website  you  zoom  –...     

Copy this bookmark: