- Awards
-
Category
- Architecture
- Art & Illustration
- Business & Corporate
- Culture & Education
- Design Agencies
- E-Commerce
- Events
- Experimental
- Fashion
- Film & TV
- Food & Drink
- Games & Entertainment
- Hotel / Restaurant
- Institutions
- Luxury
- Magazine / Newspaper / Blog
- Mobile & Apps
- Music & Sound
- Other
- Photography
- Promotional
- Real Estate
- Social responsibility
- Sports
- Startups
- Technology
- Web & Interactive
-
Tag
- Animation
- 360
- 3D
- 404 pages
- About Page
- App Style
- Big Background Images
- Clean
- Colorful
- Contact Page
- Content architecture
- Contentful
- Copy design
- Data Visualization
- Filters and Effects
- Flat Design
- Footer Design
- Forms and Input
- Fullscreen
- Gallery
- Gestures / Interaction
- Graphic design
- Header Design
- Horizontal Layout
- Icons
- Illustration
- Infinite Scroll
- Interaction Design
- Menu - Horizontal
- Menu - Vertical
- Microinteractions
- Minimal
- Navigation Menu
- Parallax
- Photo & Video
- Photographic
- Portfolio
- Project Page
- Responsive
- Responsive Design
- Retro
- SEO
- Scrolling
- Single page
- Social Integration
- Sound-Audio
- Storytelling
- Transitions
- Typography
- UI design
- Unusual Navigation
- Vector
- Video
- Web Fonts
- next.js
-
Technology
- 11ty
- AWS
- Adobe Illustrator
- Adobe Photoshop
- Adobe XD
- After Effects
- Angular
- Anime.js
- BARBA.js
- Backbone.js
- Blender
- Bootstrap
- CSS
- Cables
- Canvas API
- Cinema 4D
- Contentful
- Craft CMS
- CreateJS
- Curtains.js
- D3
- DatoCMS
- Debian
- Demandware
- Directus
- Docker
- Drupal
- Editor X
- Elementor
- Express
- FastClick
- Figma
- Firebase
- Flickity
- Font Awesome
- Framer Motion
- GLSL
- GSAP Animation
- Gatsby
- Google App Engine
- Google Font API
- GraphQL
- HTML5
- Hammer.JS
- Handlebars
- Highway.js
- Ink
- Javascript
- Knockout
- Lambda
- Laravel
- Lo-dash
- Locomotive Scroll
- Lottie
- Magento
- Matter.js
- MediaElement.js
- Modernizr
- MongoDB
- Morphic
- Neos CMS
- Netlify
- Next.js
- Nginx
- Node.js
- Nuxt.js
- OWL Carousel
- Optimizely
- P5.js
- PHP
- PWA
- PixiJS
- Prestashop
- Prismic
- Python
- Raphael.js
- React
- Readymag
- Redux
- Rellax.js
- RequireJS
- Reveal.js
- Ruby
- SVG
- Sanity
- Sass
- Shopify
- Sketch
- Skrollr.js
- Snap.svg
- Socket.io
- Spin.js
- Svelte
- Swiper.js
- Tailwind CSS
- Three.js
- Tilda
- Timber
- Twitter API
- Typekit
- Typescript
- Underscore.js
- Unity
- Unreal Engine
- VR
- Vanilla JS
- Varnish
- Velocity.js
- Vercel
- VideoJS
- Vue.js
- WebGL
- WebSockets
- WebVR
- Webflow
- Webpack
- WooCommerce
- Wordpress
- Yepnope
- YouTube API
- Zepto
- jQuery
- tween.js
-
Country
- United States
- France
- United Kingdom
- Italy
- Netherlands
- Germany
- Canada
- Japan
- Russia
- Ukraine
- Australia
- Switzerland
- Poland
- Spain
- Belgium
- Denmark
- India
- Sweden
- Brazil
- Austria
- Portugal
- Czech Republic
- New Zealand
- Greece
- Israel
- Croatia
- Argentina
- Norway
- Turkey
- China
- Serbia
- Singapore
- United Arab Emirates
- Hong Kong - Macau
- Romania
- South Africa
- Slovakia
- Mexico
- Lithuania
- Armenia
- Latvia
- Georgia
- Indonesia
- Cyprus
- Ireland
- South Korea
- Bulgaria
- Taiwan
- Estonia
- Finland
- Vietnam
- Malaysia
- Iceland
- Kazakhstan
- Colombia
- Hungary
- Belarus
- Slovenia
- Chile
- Malta
- Philippines
- Thailand
- Nigeria
- Morocco
- Pakistan
- Saudi Arabia
- Bangladesh
- Iran
- Egypt
- Kosovo
- Uruguay
- Ecuador
- Lebanon
- North Macedonia
- Peru
- Luxembourg
- Bosnia and Herzegovina
- Sri Lanka
- Dominican Republic
- Bahrain
- Guatemala
- Mauritius Island
- Moldova
- Uzbekistan
- Andorra
- Azerbaijan
- Costa Rica
- Montenegro
- Myanmar
- Paraguay
- Réunion
- Syria
- Afghanistan
- Albania
- Aruba
- Bahamas
- Brunei
- Cameroon
- Cayman Islands
- Cuba
- Faroe Islands
- French Polynesia
- Ghana
- Guernsey
- Isle of Man
- Kuwait
- Kyrgyzstan
- Mongolia
- Namibia
- Nepal
- New Caledonia
- Nicaragua
- Oman
- Puerto Rico
- Qatar
- Venezuela
-
Font
- Aeonik
- Arial
- Avenir
- ABC
- Bebas
- Canela
- Aktiv
- Barlow
- Basis
- AT
- Anton
- Apercu
- Acumin
- Averta
- Cabin
- Archivo
- Brandon
- Adieu
- Austin
- Century
- Akkurat
- Agrandir
- Caveat
- Akzidenz
- Bai Jamjuree
- Baskerville
- Bon
- Adobe
- Ano
- Beatrice
- Blacker
- Butler
- Calibre
- Albert Sans
- Baskervville
- Benton
- Bungee
- Cera
- Chakra Petch
- Antonio
- Arvo
- Assistant
- Basier Circle
- Be Vietnam Pro
- Biotif
- Bitter
- Bodoni Moda
- Bold
- Borna
- Bricolage Grotesque
- Brown
- Bw Gradual
- Cako
- Cardinal Fruit
- Albra
- Alegreya
- Catamaran
- Abel
- Adelle
- Akrobat
- Alegreya Sans
- Almarai
- Almarena
- Amatic SC
- Antarctica
- Arapey
- Arimo
- Aventa
- Axiforma
- Azeret Mono
- BW Haas Text Mono A-55 Roman
- BWHaasGrotesk-55Roman-Web
- BWHaasGrotesk-75Bold-Web
- Baton
- Bradford
- Brice
- Bulevar
- Campton
- Cardo
- Caslon
- Abril Fatface
- Allura
- Americana
- Archia
- Arges
- Ayer
- Bigilla
- Cambon
- Casta
- Color
Animation
Animation is the rapid display of a sequence of images that create an illusion of movement. The effect is an optical illusion of motion created by the phenomenon of persistence of vision, and can be achieved in several ways, the most common being as a motion picture or video.
Animation has been about since before the web began, enhancing visual content and, in many cases, animation is used to highlight the interface. Today, animation is not just part of a websites content, it’s a fundamental feature, essential to increasing interaction with the site.
Since CSS3 was rolled out across most major browsers and devices, we have witnessed an important evolution of animation techniques. In addition to endless libraries for JavaScript-driven animations, the panorama before us is truly spectacular; technologies for animated content are branching out across the web thanks to Canvas, SVG, CSS3, WebGL… The latest giant step is the unification of declarative and imperative animations via web animation APIs to merge features from SVG and CSS.
External Links: W3C Web Animations | Animation Courses | 12 Basic Principles of Animation | The Illusion of Life