Web and App development | Axel Michel

This is our repository for experiments. Whether it’s playing with PHP, Java, JavaScript or crafting CSS, everything worth to share, we put here - from plugins to code snippets to downloadable tools. You have a question, feedback or an idea? Get in touch.

Polyrize.js

Polyrize.js

Polyrize is a standalone JavaScript library to build triangles on the base of image data. You can use polyrize with all kinds of images, either an image tag, an uploaded element or any other HTML element which has a background image.

dailycssimage

Dailycssimage

Taking the challenge and trying to create 50 different css images, 5 days a week, just for the fun of it.

Codepen: Travel locator

Codepen: Travel locator

Basic interaction with the javascript geolcation api and some svg animations inspired by the dribble 'What if Tinder did travel?' (created by Gleb Kuznetsov, Fantasy).

Codepen: Payment form

Codepen: Payment form

It is neither complete, nor optimized code. In CSS it is playing around with text-shadow, transformations, transitions and a few animations. But most of all a try to guide the user filling the form without any UI blocking.

Codepen: Chemistry icon

Codepen: Chemistry icon

Creating smooth waves with CSS is still an unsolved problem, this variant uses a small svg and some transformations to realize the effect.

100 days ui

100 days UI

Taking the challenge and trying to awake the UI concepts of Paul Flavius Nechita (Well, at least some of them).

Blurry loading

Blurry loading

Speed up pageload by using ultra small images. Currently just a Gist, more will follow.

For further information, read the related blog post.

Lights off

Lights off

The classic puzzle as a 3D cube, that gives 281.474.976.710.656 combinations. This is the html version of a soon coming iOS App. It is reduced to 50 different puzzles - give it a try.

Mail

Codepen: Mail

You got mail, CSS only animation of a 'new mail' icon. Inspired by the article Microinteractions: The Secret of Great App Design.