Animated Back Glow

8.01.2017

Psuedo element + background gradient animation + blur.

Made with: HTML,CSS (SCSS)

View Code

Animated Back Glow

Reprogressbars

8.01.2017

Made with:

View Code

PlaceholderReprogressbars

Animated Back Glow

8.01.2017

Made with: HTML,CSS (SCSS)

View Code

Animated Back Glow

Animated Back Glow

8.01.2017

Psuedo element & background gradient animation & blur.

Made with: HTML,CSS (SCSS)

View Code

Animated Back Glow

Material Card Transformation

7.01.2017

Made with: HTML,CSS (Less),JS

View Code

Material Card Transformation

Spotify Colorizer Effects Using Css Blend Modes

7.01.2017

Use pure CSS to combine mix-blend-mode and filter to achieve Spotify-style "colorizer" effects.

Made with: HTML,CSS

View Code

Spotify Colorizer Effects Using Css Blend Modes

Responsive 2048 Game

5.01.2017

Responsive 2048 with mobile touch support in JavaScript.

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

View Code

Responsive 2048 Game

Html And Css Snow Falling

4.01.2017

Snows with HTML and random animations with SCSS.

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

View Code

Html And Css Snow Falling

Links With Marginalia Notes

2.01.2017

A second attempt to create an accessible and more fully-responsive version of the link style used in https://thecorrespondent.com

Made with: HTML

View Code

Links With Marginalia Notes

Animated Wave Clipped By Text

2.01.2017

Animated wave inside text with SVG. Image in the background and gradient filling the wave.

Made with: HTML,CSS

View Code

Animated Wave Clipped By Text

Tetris

1.01.2017

The game of Tetris using JavaScript.

Made with: HTML,CSS,JS

View Code

Tetris

Slider Animation Effect

31.12.2016

Leveraged CSS border-image & clip-path to create a slider animation effect.

Made with: HTML,CSS (SCSS),JS

View Code

Slider Animation Effect

Vue Carousel

30.12.2016

Made with:

View Code

PlaceholderVue Carousel

2048 Simple Version

29.12.2016

Made with: HTML,CSS,JS

View Code

2048 Simple Version

Css Responsive Full Screen Duo Layout With Animated Overlay

27.12.2016

Using Flexbox and viewport units, we creat a fluid two column layout for a fictional shoe brand, then boost it with CSS animations and transitions to make the interactions more interesting and fun.

Made with: HTML,CSS,JS

View Code

Css Responsive Full Screen Duo Layout With Animated Overlay

Gradient Buttons

27.12.2016

CSS gradient buttons with Font Awesome icons.

Made with: HTML,CSS

View Code

Gradient Buttons

Css 3D Hover World Places

24.12.2016

Made with: HTML,CSS

View Code

Css 3D Hover World Places

Pure Css Text Reveal

23.12.2016

Made with: HTML,CSS (SCSS)

View Code

Pure Css Text Reveal

Bootstrap Checkbox Buttons

23.12.2016

Buttons that change the state of their own hidden checkboxes.

Made with: HTML,CSS,JS

View Code

Bootstrap Checkbox Buttons