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