Triangle Background

23.01.2018

Made with: HTML,CSS

View Code

Triangle Background

Off-Canvas Menu

22.01.2018

Off-canvas menu with CSS and a touch of JavaScript.

Made with: HTML,CSS,JavaScript (Babel)

View Code

Off-Canvas Menu

Roundie Pagination

21.01.2018

HTML and CSS pagination.

Made with: HTML

View Code

Roundie Pagination

Pure Css Card Ripple Effect

21.01.2018

Simple responsive toggable cards with the ripple effect.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Card Ripple Effect

Bubbly Button With Click Animation

20.01.2018

Made the bubbles using radial-gradient for background-image. This property is so cool that you can draw many things without adding extra divs or pseudo elements (::before and ::after)

Made with: HTML,CSS (SCSS),JavaScript

View Code

Bubbly Button With Click Animation

Curve Header

18.01.2018

Pure CSS curve header.

Made with: HTML

View Code

Curve Header

Css Only Frozen Text

17.01.2018

CSS only animated frozen text effect with background-clip, mix-blend-mode and gradient text. JS is to make the text editable for demo purpose, not required for the effect.

Made with: HTML,CSS (SCSS)

View Code

Css Only Frozen Text

Notification

16.01.2018

Notification UI made with Vue.js that uses CSS Grid Layout (and Flexbox as a fallback). Random users are generated with an API.

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

View Code

PlaceholderNotification

Silhouette Zoom Slideshow

15.01.2018

Slide show where the person in the current frame is used to zoom into the next frame.

Made with: HTML + SVG,CSS,JavaScript

View Code

Silhouette Zoom Slideshow

Smile Toggle (Html + Css)

15.01.2018

Radio button with CSS by using the :checked~(classname) state.

Made with: HTML

View Code

Smile Toggle (Html + Css)

Grid Experiment No. 4

14.01.2018

Recreation of a print menu from The Phoenicia Diner in Phoenicia, NY using CSS Grid.

Made with: HTML,CSS (SCS)

View Code

Grid Experiment No. 4

Js And Css Clock

14.01.2018

JS and CSS clock with sound.

Made with: HTML,CSS,JavaScript

View Code

Js And Css Clock

Grid Experiment No. 4

14.01.2018

Recreation of a print menu from "The Phoenicia Diner in Phoenicia", NY using CSS grid.

Made with: HTML

View Code

Grid Experiment No. 4

Variable Fonts Simple

14.01.2018

A simple variable font example using Gingham font.

Made with: HTML,CSS (SCSS),JS

View Code

Variable Fonts Simple

Css Illustration - Work With Fun

14.01.2018

Made with: HTML,CSS

View Code

Css Illustration - Work With Fun

Bubble Gum Loader

12.01.2018

Responsive pure CSS simple loader. Resize loader by only editing one variable. With vmin unit, loader is automatically responsive.

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

View Code

Bubble Gum Loader

Abstract Editable Layered Variable Font Effect

12.01.2018

Made with: HTML,CSS (SCSS),JS

View Code

Abstract Editable Layered Variable Font Effect

Arrow Animation

11.01.2018

HTML and CSS arrow animation.

Made with: HTML

View Code

Arrow Animation

Tower Blocks

11.01.2018

Tower building game. Place blocks by clicking, tapping or spacebarring.

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

View Code

Tower Blocks