Animated Form

21.05.2016

Registration form with pure CSS animations.

Made with: HTML,CSS,JavaScript

View Code

Animated Form

Animated Hero Background

21.05.2016

An animated hero background, that can be used for portfolio sites.

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

View Code

Animated Hero Background

Daily Ui Movie Card

21.05.2016

Movie card in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Daily Ui Movie Card

Clash Of Clans Cards

19.05.2016

Made with: HTML,CSS (SCSS),JS

View Code

Clash Of Clans Cards

Contact Us Form

19.05.2016

Made with: HTML,CSS

View Code

Contact Us Form

Modified Subscribe Form

17.05.2016

Made with: HTML,CSS,JS

View Code

Modified Subscribe Form

Animated Background

17.05.2016

Made with: HTML,CSS

View Code

Animated Background

Cube Flipping Loader

17.05.2016

CSS simple cube flip loading animation.

Made with: HTML,CSS (SCSS)

View Code

Cube Flipping Loader

Clip-Path Revealing Slider

16.05.2016

Made with: HTML,CSS (SCSS),JS

View Code

Clip-Path Revealing Slider

Wikipedia Viewer

16.05.2016

This app displays the result for the keyword you are searching for using mediawiki api from wikipedia. It also has a button that redirects you to a random wiki topic.

Made with: HTML,CSS,JS

View Code

PlaceholderWikipedia Viewer

Waving Cubes #1

16.05.2016

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

View Code

Waving Cubes #1

Box-Shadow Pseudo Loaders

15.05.2016

Leveraging the use of box-shadow to create interesting loading effects with just pseudo elements. Just by adding a class to an element you can get a cool loading animation in an overlay.

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

View Code

Box-Shadow Pseudo Loaders

Css Fire

14.05.2016

Completely relative fire animation based off of https://dribbble.com/shots/2651843-Fire-loader

Made with: HTML,CSS (SCSS)

View Code

Css Fire

3D Side Navigation

11.05.2016

CSS3 3D animated responsive off-canvas menu.

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

View Code

3D Side Navigation

Skewed Flexbox Panels

11.05.2016

Experimenting with skew transforms applied to a series of flexbox panels. Switches the flex-direction to columns for smaller screen sizes.

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

View Code

Skewed Flexbox Panels

Skewed Flexbox Panels

11.05.2016

Experimenting with skew transforms applied to a series of flexbox panels. Switches the flex-direction to columns for smaller screen sizes. Click the toggle button to see panel transitions without background images.

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

View Code

Skewed Flexbox Panels

Seven Summits

10.05.2016

Made with: HTML,CSS (Less),JS

View Code

Seven Summits

Pure Css Alitalia Boarding Pass / Ticket

10.05.2016

Made with: HTML,CSS (SCSS)

View Code

Pure Css Alitalia Boarding Pass / Ticket

Artist Radio Thumbnails

8.05.2016

Recreation of Spotify artist radio thumbnails.

Made with: HTML,CSS (SCSS)

View Code

Artist Radio Thumbnails