11–20 of 79 posts
* Interactive programming Flappy Bird in ClojureScript: https://www.youtube.com/watch?v=KZjFVdU8VLI
* Live-editing React app without refresh: https://vimeo.com/100010922
These demos aren't smoke and mirrors, I and many others do interactive development, 8 hours a day, writing regular web apps.
This is great...I am currently teaching 3 classes of 8th graders an intro to html, css, and javascript and am going to show this to them!
This is outrageously cool. Really nicely executed. That said, it does rather illustrate just how nasty the syntax is for creating animations with CSS.
WAY too much CSS to do something like that. I'm not sure what the fix is though? A JS library to generate the CSS animation with a saner syntax (I realise CSS probably needs all of that stuff to be extendable but it's a massive amount of code for something that should be easier to accomplish IMHO).
And besides, people don't actually program beginning to end like this. It is unrealistic to think people code without trial & error, ESPECIALLY css?
This is outrageously cool. Really nicely executed. That said, it does rather illustrate just how nasty the syntax is for creating animations with CSS.
Can someone please explain why this is so mind blowing? No one is coding in real-time. It's just printing out the lines of css one character at a time and applying each line after it prints. And besides, people don't actually program beginning to end like this. It is unrealistic to think people code without trial & error, ESPECIALLY css?
It's not meant to be an accurate representation of somebody coding live, or as a tutorial to css.
Can someone please explain why this is so mind blowing? No one is coding in real-time. It's just printing out the lines of css one character at a time and applying each line after it prints. And besides, people don't actually program beginning to end like this. It is unrealistic to think people code without trial & error, ESPECIALLY css?
Err... it's just a cool little thing somebody made, and it resonates with the audience here. It's not meant to be an accurate representation of somebody coding live, or as a tutorial to css.
Can someone please explain why this is so mind blowing? No one is coding in real-time. It's just printing out the lines of css one character at a time and applying each line after it prints. And besides, people don't actually program beginning to end like this. It is unrealistic to think people code without trial & error, ESPECIALLY css?
This is outrageously cool. Really nicely executed. That said, it does rather illustrate just how nasty the syntax is for creating animations with CSS.
Especially in contrast with how quickly and concisely the heart was build. All the building blocks were never meant to build hearts or shapes other than boxes. The animation elements on the other hand are used for their intended purpose and still...