Tornis : JavaScript library that Watches and Respond to Browser ViewPort

Tornis : JavaScript library that Watches and Respond to Browser ViewPort

Taking its name from the forest watchtowers of Latvia, Tornis is a minimal JavaScript library that watches the state of your browser’s viewport, allowing you to respond whenever something changes.Tornis currently tracks state for:

  • Mouse position
  • Mouse cursor velocity
  • Viewport size
  • Scroll position
  • Scroll velocity

TextyleFLIP.js : A Flip Text effect with jQuery

TextyleFLIP.js : A Flip Text effect with jQuery

TextyleFLIP.js is a flip text revealing effect with jQuery and tiny CSS.

Creating Grid-to-Fullscreen Animations with Three.js

Creating Grid-to-Fullscreen Animations with Three.js

Learn how to create thumbnail to fullscreen animations for image grids using Three.js.In this tutorial we want to look at how to create some interesting grid-to-fullscreen animations on images. The idea is to have a grid of smaller images and when clicking on one, the image enlarges with a special animation to cover the whole screen. We’ll aim for making them accessible, unique and visually appealing. Additionally, we want to show you the steps for making your own.

Ola.js : A Library for Smoothly Animating Values

Ola.js : A Library for Smoothly Animating Values

Ola.js is a smooth animation library for interpolating numbers.

Scrollpup.js : Scroll Progress Bar with Javascript

Scrollpup.js : Scroll Progress Bar with Javascript

Scrollpup.js is responsive and written in pure javascript and it weights around 1kb.

blinkTitle.js : JavaScript TitleBar Alert or Notification

blinkTitle.js : JavaScript TitleBar Alert or Notification

BlinkTitle.js is a pure javascript implementation of titlebar alert or notification.It can perform blinking of HTML titlebar for titlebar alert or titlebar notification.

Buha.js : Sync/Async Javascript Functions

Buha.js : Sync/Async Javascript Functions

Buha.js is a browser based Strictly ordered Task Queue for Sync/Async Javascript Functions.

Ajax Contact Form with Bootstrap, Semantic UI, Bulma, & UIkit Forms

Ajax Contact Form with Bootstrap, Semantic UI, Bulma, & UIkit Forms

Ajax Contact Form is a powerful responsive and mobile friendly Ajax contact form that you can easily embed into any HTML, PHP, and WordPress page in a matter of minutes.

FXB Grid : Mobile-friendly Javascript Grid Control

FXB Grid : Mobile-friendly Javascript Grid Control

FXB Grid is a mobile-friendly javascript grid control.

Features:

  • Responsively show and hide columns based on container width
  • Responsively change row height based on font size
  • Low processor usage – prolong battery life
  • Full support for touch devices
  • Special touch gestures

Animated Image Columns with TweenMax

Animated Image Columns with TweenMax

An experimental web layout where several image columns get animated out when a menu item is clicked.The idea is based on the current trend of a grid layout where the columns are animated.  In our demo, we animate a decorative image grid and make the columns move away in an alternating way, revealing some content underneath. We use a playful hover effect for the menu items and mimic the animating when they fly away. We also added some slight mouse move interaction for the columns.