Css Search Box

12.01.2016

Pretty search box in HTML and CSS.

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

View Code

Css Search Box

Onboarding Screens

10.01.2016

A set of onboarding screens in HTML/CSS/JS. A personal experiment with layering PNG icons, CSS3 transitions, & flexbox.

Made with: HTML/Haml

View Code

Onboarding Screens

3d Button Element

10.01.2016

Animated 3D button.

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

View Code

3d Button Element

Starwars Bb-8 Css Illustration

9.01.2016

StarWars BB-8 animated CSS illustration.

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

View Code

Starwars Bb-8 Css Illustration

Pure Css Fullscreen Menu

9.01.2016

Pure CSS fullscreen menu concept.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Fullscreen Menu

Juni Festwochen Zürich (1959)

9.01.2016

Made with: HTML,CSS (SCSS),JS

View Code

Juni Festwochen Zürich (1959)

Fullscreen Flexbox Overlay Navigation

8.01.2016

Made with: HTML,CSS,JS

View Code

Fullscreen Flexbox Overlay Navigation

Sign In Button And Form

7.01.2016

The button has a hover state which pulls a skewed transparent white overlay over the button's background color. When the button is clicked, the sign in form appears from within the button.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Sign In Button And Form

Hero Experiment

7.01.2016

Mix gradients with some colourful background – have yourself some cool hero.

Made with: HTML,CSS (SCSS)

View Code

Hero Experiment

Vintage Inspired Contact Form

7.01.2016

Mobile-friendly. A simple, yet effective contact form.

Made with: HTML,CSS

View Code

Vintage Inspired Contact Form
PlaceholderReact Native Progress Bar Classic

Css Counter Auto Numbered Steps

5.01.2016

Auto numbered step callouts with CSS content.

Made with: HTML,CSS

View Code

Css Counter Auto Numbered Steps

Css Arrows

4.01.2016

Made with: HTML,CSS (SCSS)

View Code

Css Arrows

Poster. Konstruktive Grafik

2.01.2016

Made with: HTML,CSS (SCSS),JS

View Code

Poster. Konstruktive Grafik

Tonhalle-Quartett

2.01.2016

Made with: HTML,CSS (SCSS),JS

View Code

Tonhalle-Quartett

Zürich-Tonhalle (1958). Poster

2.01.2016

Made with: HTML,CSS (SCSS),JS

View Code

Zürich-Tonhalle (1958). Poster

Bootstrap Facebook Messenger Chat

1.01.2016

Made with: HTML,CSS,JS

View Code

Bootstrap Facebook Messenger Chat

Interactive Customer Feedback Form

31.12.2015

Takes the edge off those boring customer feedback forms :) Grab the smilies and move them up or down to reflect how happy you are!!

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

View Code

Interactive Customer Feedback Form

Star Rating

31.12.2015

A simple, accessible, star rating.

Made with: HTML,CSS (SCSS)

View Code

Star Rating

Scroll Down Arrow

29.12.2015

A subtle scroll down indicator with animation.

Made with: HTML

View Code

Scroll Down Arrow