vloux + animation   80

Bringing back the weird web one post at a time.
website  toys  art  drawing  logos  share  maps  animation  pages  js  funny 
28 days ago by vloux
507 Mechanical Movements
Five Hundred and Seven Mechanical Movements, now Animated for the Internet.
animation  mechanics  engineering  educational  reference  gears  physics 
june 2019 by vloux
Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
3d  canvas  library  javascript  animation  graphic 
may 2019 by vloux
How To Design Emotional Interfaces For Boring Apps — Smashing Magazine
When your product deals with repetitive tasks, it’s hard to keep users excited about it. That’s where UI comes into play. Let's talk about elements that make an interface more emotional.
UX  emotional_design  article  satisfaction  ui  animation 
december 2018 by vloux
Implementing a reduced-motion mode
There are quite a few reasons for someone not to want animations. Some people suffer from motion sickness. Some people suffer from ADHD. Some people simply d...
accessibility  animation  css  motion  transition  vestibular  parallax 
march 2018 by vloux
Muuri - Responsive, sortable, filterable and draggable grid layouts
Muuri is a JavaScript library that creates responsive, sortable, filterable and draggable grid layouts.
animation  grid  responsive  library  drag  javascript 
december 2017 by vloux
Old School Color Cycling with HTML5 | EffectGames.com
Anyone remember Color cycling from the 90s? This was a technology often used in 8-bit video games of the era, to achieve interesting visual effects by cycling (shifting) the color palette. Back then video cards could only render 256 colors at a time,...
graphics  effects  colour  animation  html5  canvas  motion 
may 2017 by vloux
Creating Usability with Motion: The UX in Motion Manifesto
The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?” Over the last 5 years, it has been my…
motion  animation  interaction_design  usability  ui 
april 2017 by vloux
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
css  animation  tools  reference  easing  parameters 
march 2017 by vloux
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.
animation  library  mobile  react  after_effects  easing  design 
february 2017 by vloux
Matrix Multiplication
An interactive matrix multiplication calculator for educational purposes
mathematics  matrix  calculator  animation  learning  maths 
november 2016 by vloux
coaltrace: simulating genealogies using charged particles
This is a simulation of the basic demographic / genealogical process. Individuals are born and individuals die. This causes lineages to branch and to disappear, and causes the population to share a common ancestor at some time in the past. The coalescent provides a mathematical description of these patterns of ancestry.
simulation  physics  animation  genetics  visualisation  processingjs  population 
april 2016 by vloux
Jank Free: Let's Make the Web Silky Smooth!
Jank Busters: helping you get your projects silky smooth!
development  animation  css  javascript  performance  jank  webdev 
february 2016 by vloux
jsMovieclip - A javascript little framework to animate spritesheet as AS3 movieclip
github  js  sprite  animation  development  frontend  css 
may 2015 by vloux
Through Her Eyes | Signature Intl
A fully immersive digital experience with Emmanuelle Seigner through Creativity.
webdesign  inspiration  typesetting  animation  article  interveiw 
april 2015 by vloux
Page Loading Effects | Codrops
Page Loading Effects: Modern ways of revealing new content
css  animation  loading  js  frontend  development 
april 2015 by vloux
3D Cubes Loader
A Threejs and Tweenmax experiment...
cubes  css  js  animation  loader  frontend 
march 2015 by vloux
Jay Quercia draws ninja turtles like nobody's business
design, illustration, motion, graphic, storyteller, interactive, brooklyn, motion, animation, animator, freelance, installation, new york, connecticut
illustration  portfolio  animation  inspiration  vector 
march 2015 by vloux

related tags

2d  3d  accessibility  adolescence  after_effects  agency  animated_short  animation  animations  animator  app  application  art  article  art_direction  ascii  attention  autumn  bar  barcelona  beautiful_websites  best_practices  bitmap  calculator  canvas  cartography  cartoon  cartoons  chart  cinemagraph  code  coding  coffee  collaboration  colour  creative  creative_coding  css  css3  cubes  d3  data_visualisation  design  design_studio  dev  developer  development  digital_art  disney  distraction  dom  DOM_manipulation  drag  drawing  easing  education  educational  effects  emotional_design  engineering  examples  expandable  experimental_font  facebook  filetype:pdf  fold  folding  font  fonts  form  framer  framerjs  framework  frontend  fun  funny  gallery  games  gears  genetics  geography  geometric  gif  github  glitch  google  graphic  graphics  graphic_design  grid  guidelines  hack  hash  heart  history  html5  ibm  illustration  illustrator  inspiration  interactions  interaction_design  interactivity  interface  interior_design  interveiw  ios  italy  jank  javascript  jquery  js  kids  layers  learning  leaves  library  list  loader  loading  logos  mac  maps  material  math  mathematics  maths  matrix  mechanics  mental_models  microinteractions  mobile  mobile_app  motion  music  nyc  osx  pages  paper  parallax  parameters  particles  patterns  pbs  performance  photographer  physics  pixelart  population  portfolio  presentations  processing  processingjs  product_design  programming  projection  prototype  prototyping  puberty  react  reference  representation  resource  resources  responsive  satisfaction  science  scratch  scroll  scrolling  search  sensitive  separation  sequence  share  simple  simulation  slider  software  sprite  steps  storytelling  styling  svg  systems  techniques  thinking  threejs  three_js  tips  tool  tools  toys  transform  transition  transitions  triangles  trigger  tutorial  type  typesetting  typography  ui  unsorted_bookmarks  url  usability  user_interface  ux  vector  vestibular  via:popular  video  vimeo  visualisation  web  webdesign  webdev  webgl  website  web_design  xcode 

Copy this bookmark: