Indri is a client-side web file dialog for selecting files or specifying a destination in a remote file repository. It can be styled to integrate with web applications, and provides full configuration through rendering and file system plugins.
The web app pings the Instagram API, grabbing all images using a specific hashtag and filtering the list of media based on specific users. Using infinite scrolling, the app grabs images in sets and lazy loads each image individually, fading them in using CSS3 animations. The only libraries used in the app are AngularJS (no jQuery) and Foundation (grid-only). All of the interactions use a combination of CSS3 and custom Angular directives.
This simple & fun browser based HTML5 game was created as a promotion for Tropisign. It was built with MelonJS, a lightweight and powerful JavaScript game engine. Try it out on mobile in Mobile Safari or Chrome.
The Apple Siri button was recreated in HTML and CSS3 and utilizes Chrome's speech input. The button was redesigned in the browser only using CSS3 gradients, transforms, perspectives, box-shadows and a variety of other styles. This project is best viewed in the most recent version of Google Chrome.
Glow Tunes is an HTML5 audio player experiment using the Web Audio API and HTML5's Canvas element for frequency animations. The design was made completely in the browser with no images, using CSS3 gradients & drop-shadows.
The experiment is currently supported in Google Chrome 20+ & Safari 6+ browsers. Safari does not support frequency analyzers at this time, so I've created a playlist for users to play with.
The Contix logo was recreated in HTML and CSS while using no images. The logo was successfully recreated with two HTML elements and CSS radial gradients. This project is best viewed in the most recent version of Google Chrome.
Ikayzo.com
Indri is a client-side web file dialog for selecting files or specifying a destination in a remote file repository. It can be styled to integrate with web applications, and provides full configuration through rendering and file system plugins.
The web app pings the Instagram API, grabbing all images using a specific hashtag and filtering the list of media based on specific users. Using infinite scrolling, the app grabs images in sets and lazy loads each image individually, fading them in using CSS3 animations. The only libraries used in the app are AngularJS (no jQuery) and Foundation (grid-only). All of the interactions use a combination of CSS3 and custom Angular directives.
This simple & fun browser based HTML5 game was created as a promotion for Tropisign. It was built with MelonJS, a lightweight and powerful JavaScript game engine. Try it out on mobile in Mobile Safari or Chrome.
The Apple Siri button was recreated in HTML and CSS3 and utilizes Chrome's speech input. The button was redesigned in the browser only using CSS3 gradients, transforms, perspectives, box-shadows and a variety of other styles. This project is best viewed in the most recent version of Google Chrome.
Glow Tunes is an HTML5 audio player experiment using the Web Audio API and HTML5's Canvas element for frequency animations. The design was made completely in the browser with no images, using CSS3 gradients & drop-shadows.
The Contix logo was recreated in HTML and CSS while using no images. The logo was successfully recreated with two HTML elements and CSS radial gradients. This project is best viewed in the most recent version of Google Chrome.
