Colored Overlay

12.07.2016

Colored overlay with box-shadow for images.

Made with: HTML,CSS

View Code

Colored Overlay

Animated Arrow Icon

11.07.2016

CSS animated arrow icon.

Made with: HTML

View Code

Animated Arrow Icon

Cool Layout With Complex Chainable Animation

10.07.2016

Based on this - https://dribbble.com/shots/2802024-Satellite-Website-Prototype. Based on addition of just 2 classes with JS (and simple hover) this demo features a lot of cool chaining animations, combined with good performance and sort-of easy-to-maintain SCSS.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Cool Layout With Complex Chainable Animation

Border Animation

8.07.2016

Attractive CSS border animation.

Made with: HTML,CSS

View Code

Border Animation

Css Lattice Pattern

8.07.2016

Pure CSS lattice background pattern.

Made with: HTML/Pug

View Code

Css Lattice Pattern

Css Countdown Numbers

8.07.2016

Experiment creating number shapes using a single div and manipulating it using CSS.

Made with: HTML,CSS

View Code

Css Countdown Numbers

Neon Flux

7.07.2016

A pulsing neon sign made using many overlaid text-shadows.

Made with: HTML,CSS

View Code

Neon Flux

Border Animation

6.07.2016

SVG ellipse border animation.

Made with: HTML,CSS (SCSS)

View Code

Border Animation

Text Scramble Effect

6.07.2016

A little text decoding/scramble effect.

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

View Code

Text Scramble Effect

Hover Ripple

27.06.2016

Little hover ripple effect.

Made with: HTML,CSS (SCSS)

View Code

Hover Ripple

Css-Only Material Inputs

25.06.2016

Inspired by Google's Material Design guidelines for text fields.

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

View Code

Css-Only Material Inputs

Circular Menu Navigation

24.06.2016

Pure CSS circular menu navigation.

Made with: HTML,CSS

View Code

Circular Menu Navigation

Backbone Tetris

24.06.2016

An implementation of a very simple Tetris (no scoring, no levels, no fun) in Backbone.js.

Made with: HTML,CSS,JS

View Code

Backbone Tetris

Animated Transition Tabs

24.06.2016

Animated transition tabs with checkboxes.

Made with: HTML,CSS

View Code

Animated Transition Tabs

Off-Canvas Menu

23.06.2016

Made with: HTML,CSS,JavaScript

View Code

Off-Canvas Menu

Ghost Button Animation

23.06.2016

Made with: HTML,CSS (SCSS)

View Code

Ghost Button Animation

Button Animation Experiment

23.06.2016

Made with: HTML,CSS (SCSS)

View Code

Button Animation Experiment

Sign Up

21.06.2016

Made with: HTML,CSS,JS

View Code

Sign Up

Off Canvas Mobile Submenu

21.06.2016

An experimentation that sets all submenus off screen so that they can be toggled in and out of view when their parent arrow elements are clicked.

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

View Code

PlaceholderOff Canvas Mobile Submenu

Resume Stuff

21.06.2016

Modern HTML resume.

Made with: HTML,CSS (Stylus)

View Code

Resume Stuff