

Musical Particles
Music player in JavaScript with particles visualizer.
Made with: HTML (Pug),CSS (Sass),JS (Babel)

Material Design Card Animation
A quick little animation with a material-design card.
Made with: HTML,CSS,JS



Css Variable-Powered Clock
Design based off: https://dribbble.com/shots/2271565-Day-095-Time-is-Money
Made with: HTML

Glitch Effect In Less
Simple demonstration of how LESS can be used to create the "glitch" effect.
Made with: HTML (Pug),CSS (Less)


Css Button With Font Awesome Icons
A simple download button with a loading and success state. This would work well for downloads or submitting forms. Made with Font Awesome icons.
Made with: HTML,CSS (PostCSS),JavaScript (Babel)

Flexbox Youtube Thumbnail Grid
Responsive flexbox unordered list grid of YouTube video thumbnails with Fancybox links. Uses a 9kb image with a 16:9 aspect ratio to be able to use the YouTube thumbnails as a background image, without seeing those black letterbox bars at the top and bottom. This also makes the video thumbnails fluid when resizing the browser.
Made with: HTML,CSS (SCSS),JavaScript

Interactive Svg & Css Graph
Interactive SVG & CSS graph with segments, legend and hover effect.
Made with: HTML (Pug),CSS (Sass)

Fab Animation: Share Button
Material Design animated share button with little jQuery.js
Made with: HTML (Haml),CSS (SCSS),JS (CoffeeScript)



Fancy Button
Simple animated button with double border in pseudo element.
Made with: HTML,CSS

Ui Elements - Svg Animation
Animated buttons in SVG with jQuery ang GSAP Tweenmax.
Made with: HTML,CSS,JS


