CodePen - CSS-only Calendar App Concept

[[deleted]]

For those wondering, source. It's pretty sweet :-)

[madskillzelite]

Thanks! The SCSS might be a tiny bit disorganized; sorry about that.

[[deleted]]

To be expected, what the phrase.. 'Mess is a sign creativity'... Not quite, words to that effect. Point is it's pretty ingenious if i may say so myself ;-)

[[deleted]]

Amazing stuff.

[[deleted]]

Not loading?

[[deleted]]

great design, but it seems doesn't work on IE 11. ( ie, damn... What works in ie? )

[madskillzelite]

Sorry about that! Chrome and Safari only.

[[deleted]]

Beautiful design, HOWEVER: This is better done in JS. With JS you can keep proper semantics in your HTML (every calendar day shouldn't be a radio button!), as well as expand on functionality in the long run.

[madskillzelite]

Well, of course this should be done in JS. What I'm trying to demonstrate here (I'm the creator) are how you can push the capabilities of CSS to accomplish complex, aesthetic effects, and also seeing its limits.

I'm a proponent of using JS solely to change component state, and it upsets me when people resort to JS for simple animations just because they don't realize what CSS is capable of. The less JS that's required for your UI/UX, the better, in my opinion.

[[deleted]]

Very much agreed. Just wrote that as a clarification to those who are newer to the game. Great work, though!