Siafa Alvin's Projects
Drag-based JavaScript component, embracing endless UI solutions
A draggable slideshow with two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
A powerful, interactive charting and visualization library for browser
ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.
a library for adding declarative ajax functionality to your website
Emmet support for Atom
Side-project: let your employees rate their day, and measure their daily satisfaction at work!
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
Broadcast Messaging Library that works between iFrames, Frames, and Windows
Generate custom icon webfonts from the comfort of the command line.
Extends Twitter Bootstrap with additional lightweight JavaScript controls. Easy to install, customize, update, and optimize. All functionality covered by live documentation and unit tests.
An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.
This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open the work section and click on one of the portfolio items and navigate through them.
Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.
Automatically persist your forms' text and select field values locally, until the form is submitted.
On-demand GIF loader/player in Javascript
JavaScript library that can create animated GIFs from media streams, videos, or images
Learning Git a little bit
Good reads, extremely fucking fast.
Gravity Forms Addon that allows registered users to save a form for later
Some inspiration for loading effects of grid items using CSS animations.
A javascript library for multi-touch gestures :// You can touch this
A demo of Haystack's Django + Solr integration for the AWPUG meetup.
Simple solution to get Haystack running on a Heroku instance without external services
A Light Demo of Django-Haystack
[I don't have time to work on this anymore. Use at your own risk] Build WordPress based PWA, iOS, Android & Windows phones apps in minutes!
WP-Ionic hybrid app