Ui 404 Page

13.12.2017

A bold 404 page layout.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Ui 404 Page

Sidebar Template

13.12.2017

Sidebar template with drop down menu based on Bootstrap.

Made with: HTML

View Code

Sidebar Template

Article Transition Page

12.12.2017

Article transition page in HTML, CSS and JS.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Article Transition Page

Input Field Gradient Border Focus Fun

12.12.2017

A gradient border on an input field that feathers out when focussed.

Made with: HTML

View Code

Input Field Gradient Border Focus Fun

Reading Progess Bar Css Only

10.12.2017

Experiment with a new value for the CSS position property to create a progress bar reading the articles without the need of using PHP or JavaScript, just HTML and CSS.

Made with: HTML,CSS

View Code

Reading Progess Bar Css Only

Snake Game - P5js

10.12.2017

Eat the grey square. Don't hit the red borders or the snake body.

Made with: HTML,CSS,JS

View Code

Snake Game - P5js

Ripple Effect Animation

8.12.2017

Ripple effect animation with CSS and ES6.

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

View Code

Ripple Effect Animation

Quote Styling

7.12.2017

Elegant quote styling.

Made with: HTML

View Code

Quote Styling

Background-Clip Menu

6.12.2017

Made with: HTML,CSS

View Code

Background-Clip Menu

Parallax Slideshow

5.12.2017

HTML, CSS and JS slideshow with parallax effect.

Made with: HTML

View Code

Parallax Slideshow

Arrow Hover Effect

4.12.2017

Pure CSS arrow hover effect.

Made with: HTML/Haml

View Code

Arrow Hover Effect

Animated 3d Text

4.12.2017

Only CSS 3D wave text effect.

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

View Code

Animated 3d Text

Nested And Color Timeline

4.12.2017

Nested & color coded interactive timeline.

Made with: HTML

View Code

Nested And Color Timeline

Material Gradient 2048

1.12.2017

Made with: HTML,CSS (SCSS),JS

View Code

Material Gradient 2048

Hero Module With Flexbox And The 'Vh' Unit

1.12.2017

The hero is a widely used module. This version is created with modern techniques like flexbox and the vh unit. Flexbox and the vh unit makes it possible to create this module with less code.

Made with: HTML,CSS (SCSS)

View Code

Hero Module With Flexbox And The 'Vh' Unit

Vue Carousel 3D

29.11.2017

Made with:

View Code

PlaceholderVue Carousel 3D

Collapsible Tabs (Bootstrap Accordion) Easy To Use Plugin

29.11.2017

Collapsible tabs (Bootstrap accordion) easy to use as a plugin. Easy to implement need only bootstrap.js & the master jquery file.

Made with: HTML,CSS,JS

View Code

Collapsible Tabs (Bootstrap Accordion) Easy To Use Plugin

Css3 Accordion Slider With Transitions And Flexbox

27.11.2017

CSS3 accordion with 5 different effects.

Made with: HTML

View Code

Css3 Accordion Slider With Transitions And Flexbox

Image Selection

27.11.2017

Image Selection with faux-loading.

Made with: HTML

View Code

Image Selection

Bootstrap Datepicker

22.11.2017

Bootstrap datepicker Material look with Material input.

Made with: HTML,CSS,JS

View Code

Bootstrap Datepicker