Css Grid Layout And Comics

11.11.2016

Made with: HTML,CSS

View Code

Css Grid Layout And Comics

Half Second Hamburger Helper

11.11.2016

A showcase of hamburger menus.

Made with: HTML

View Code

Half Second Hamburger Helper

Musical Particles

11.11.2016

Music player in JavaScript with particles visualizer.

Made with: HTML (Pug),CSS (Sass),JS (Babel)

View Code

Musical Particles

Material Design Card Animation

10.11.2016

A quick little animation with a material-design card.

Made with: HTML,CSS,JS

View Code

Material Design Card Animation

Animated Svg Turbulence Filter

9.11.2016

Made with: HTML,CSS (SCSS),JS (Babel)

View Code

Animated Svg Turbulence Filter

Recipe Card

9.11.2016

Made with: HTML,CSS

View Code

Recipe Card

Css Variable-Powered Clock

8.11.2016

Design based off: https://dribbble.com/shots/2271565-Day-095-Time-is-Money

Made with: HTML

View Code

Css Variable-Powered Clock

Glitch Effect In Less

7.11.2016

Simple demonstration of how LESS can be used to create the "glitch" effect.

Made with: HTML (Pug),CSS (Less)

View Code

Glitch Effect In Less

Pure Css Drawer

7.11.2016

Made with: HTML,CSS (SCSS)

View Code

Pure Css Drawer

Css Button With Font Awesome Icons

6.11.2016

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)

View Code

Css Button With Font Awesome Icons

Flexbox Youtube Thumbnail Grid

6.11.2016

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

View Code

Flexbox Youtube Thumbnail Grid

Interactive Svg & Css Graph

6.11.2016

Interactive SVG & CSS graph with segments, legend and hover effect.

Made with: HTML (Pug),CSS (Sass)

View Code

Interactive Svg & Css Graph

Fab Animation: Share Button

3.11.2016

Material Design animated share button with little jQuery.js

Made with: HTML (Haml),CSS (SCSS),JS (CoffeeScript)

View Code

Fab Animation: Share Button

User Profile

2.11.2016

Made with: HTML (Pug),CSS (Sass),JS (CoffeeScript)

View Code

User Profile

Fullscreen Menu

1.11.2016

Burger Menu. Mobile Optimized. Modal.

Made with: HTML,CSS,JavaScript

View Code

Fullscreen Menu

Fancy Button

1.11.2016

Simple animated button with double border in pseudo element.

Made with: HTML,CSS

View Code

Fancy Button

Ripples

1.11.2016

Made with: HTML (Haml),CSS (SCSS)

View Code

Ripples

Ui Elements - Svg Animation

31.10.2016

Animated buttons in SVG with jQuery ang GSAP Tweenmax.

Made with: HTML,CSS,JS

View Code

Ui Elements - Svg Animation

Tic Tac Toe

31.10.2016

Made with: HTML,CSS (SCSS),JS (Babel)

View Code

Tic Tac Toe

Materialize Fab Button Spin-Close Menu Variation

31.10.2016

Made with: HTML,CSS (SCSS),JS

View Code

Materialize Fab Button Spin-Close Menu Variation