Web and App development | Axel Michel

The challenge is rather simply - each weekday, you will receive a short written prompt that tells you what to make in purely CSS for that day. You post your code on codepen, twitter your result with the hashtag #dailycssimages and you are done. Depending on my daily work, constitution and mood I participated. Here is my collection:

dailycssimage 18: Vampire

Dailycssimage 18: Vampire

This little vampire has a direction awareness by using a set of link elements in combination with general sibling selectors.

dailycssimage 16: Frankenstein

Dailycssimage 16: Frankenstein

Again the heavy use of clip-path, without this monster will be nothing then a set of equal sized squares.

dailycssimage 14: Cheesecake

Dailycssimage 14: Cheesecake

After the abstract taco logo, now a mix of comic and clipart. Nothing fancy, but a tasty looking little cherry cheescake.

dailycssimage 13: Taco

Dailycssimage 13: Taco

More a logo than an image, contains some helpful SCSS mixins to generate circular elements of any kind.

dailycssimage 12: A(nimated) burger

Dailycssimage 12: A(nimated) burger

The use of transitions, perspective, opacity, and box-shadows makes this little yummy burger.

dailycssimage 11: Pizza

Dailycssimage 10: Pizza

A Quick and dirty one - just like the pizza you see.

dailycssimage 10: Pencil Jar

Dailycssimage 10: Pencil Jar

Trying to create a "realistic" 3D setting, which is still difficult to build in CSS. Without clip-path support this might look a bit weird

dailycssimage 09: Calendar

Dailycssimage 09: Calendar

This is the CSS version of a calendar concept by Paul Flavius Nechita which was part of his 100daysUI challenge. I always wanted to do that one, never did - unil today. Made with ❤ by webandapp.fr.

dailycssimage 08: Notepad

Dailycssimage 08: Notepad

This is all about background-gradients, and -repeats to create noise and textures on a 3d transformed set of standard shapes.

dailycssimage 07: Ruler

Dailycssimage 07: Ruler

A last minute late night quickie, playing around with input type range.

dailycssimage 06: Clock

Dailycssimage 06: Clock

Perspective and stepwise animations bring this pen to life.

dailycssimage 06: Concept Clock

Dailycssimage 06: Concept Clock

This is the first approach for the challenge, I like the concept but while creating it I got something different in mind I had to do.

dailycssimage 05: Animated animal

Dailycssimage 05: Animated animal

Heavy use of css clip path, which works in latest chrome, opera and firefox nightly.

dailycssimage 04: A(bstracted) tiger

Dailycssimage 04: A(bstracted) tiger

It's only circles, pen based on the Logo Design Construction for SimpleTiger by Gert van Duinen.

dailycssimage 03: Beaver

Dailycssimage 03: Beaver

Sketching a beaver by using borders and rotations

dailycssimage 02: Elephant

Dailycssimage 02: Elephant

No time today, therefore just one single shape and made with a polygon clip path, sorry no IE support at all.

dailycssimage 01: Bear Cub(p)

Dailycssimage 01: Bear Cub(p)

Or how a misreading can lead to something totally different.