Live data from Hacker News

3D in CSS

garden.bradwoods.io

81–90 of 99 posts

Re: 3D in CSS

#81
I did some 3d css demos back in 2013. This one got quite popular so maybe you might've seen it:

3D Macbook Air animation: https://codepen.io/neoberg/pen/DEZbKv

This one I think is more impressive but doesn't look as beautiful: https://codepen.io/neoberg/pen/DEwwNE

edit: Forgot about this one. https://codepen.io/neoberg/pen/doVQqv

Re: 3D in CSS

#82
post #70
post #46

Earlier quoted context omitted.

No HTTPS?

No user data input either, so why bother.

> why bother

Some of us live in a world where HTTP requests get a whole bunch of either junk or malicious bytes injected into them by ISP's and governments.

Re: 3D in CSS

#83
post #8

https://impress.js.org/ uses this extensively to create impressive presentations.

It doesn’t matter if your slides are plain or not. No one ever thought a talk was good because of how nice the slides’ design was. What matters is having something actually worth giving a presentation about and presenting it effectively, which is all about your delivery and what you put on your slides (good: pictures, diagrams, etc… bad: walls o’ text).

Nah we are animals and flashy movement draws our attention. It has a function.

Re: 3D in CSS

#84
post #76

The website is well crafted. Anyone has a list of more such non-generic sites with content by developers?

The website's theme and philosophy revolve around digital gardening. I am in the process of building one for myself, and I use this list as a source of inspiration: https://github.com/MaggieAppleton/digital-gardeners#digital-...

Here's a longer list compiled by Nikita: https://wiki.nikiv.dev/other/wiki-workflow#similar-wikis-i-l...

Re: 3D in CSS

#86

Earlier quoted context omitted.

It doesn’t matter if your slides are plain or not. No one ever thought a talk was good because of how nice the slides’ design was. What matters is having something actually worth giving a presentation about and presenting it effectively, which is all about your delivery and what you put on your slides (good: pictures, diagrams, etc… bad: walls o’ text).

Nah we are animals and flashy movement draws our attention. It has a function.

Flashy movement draws our attention... away from the speaker and the content of the talk. Doesn't help.

Animation can be useful in very small doses if it helps to understand something that is dynamic in nature, but that's it.

Re: 3D in CSS

#87

Tracking mouse movement over a CSS 3d rotated canvas element can be fun https://scrawl-v8.rikweb.org.uk/demo/dom-013.html

Interesting! You could use this to make some 'Mode 7'-like games.

Re: 3D in CSS

#90
post #63

Brad has a large collection of excellent articles written to educate on topics [1]. Don't miss the others, there are some real gems. [1] https://garden.bradwoods.io/

Thanks for the feedback!
Post reply on HN