Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

3D in CSS

garden.bradwoods.io

Post reply on HN
Print view View original

11–20 of 99 posts

Re: 3D in CSS

#11

Post by [deleted] »

matsemann wrote: post #10
pfoof wrote: post #2

This lorem ipsum works so-so on Safari. The text can be selected and it only rotates after selecting and deselecting it

Can't manage to drag the small corner on Firefox for Android. Might be a bug, or just because it's too small to hit. Edit: looking at the code above it, it uses onmousedown which doesn't work for touch I guess.

[deleted]

Re: 3D in CSS

#13

Post by bradwoodsio »

matsemann wrote: post #10
pfoof wrote: post #2

This lorem ipsum works so-so on Safari. The text can be selected and it only rotates after selecting and deselecting it

Can't manage to drag the small corner on Firefox for Android. Might be a bug, or just because it's too small to hit. Edit: looking at the code above it, it uses onmousedown which doesn't work for touch I guess.

It's using the native resize property which is supported on Firefox Android but that doesn't help much if the tap target is too small.

onmousedown is used to change the transform property. It should still resize even if onmousedown isn't working.

Re: 3D in CSS

#15

Post by jjk166 »

gketuma wrote: post #7

This website brings me Joy. So elegant.

Yeah, I wouldn't want every website to look like this but it's a very refreshing design that works super well.

Re: 3D in CSS

#16

Post by sfpotter »

derkoe wrote: 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).

Re: 3D in CSS

#17

Post by alanbernstein »

dylan604 wrote: post #12
bradwoodsio wrote: post #9

Earlier quoted context omitted.

That's impressive

Just like overused Powerpoint transitions, I can see this getting old quickly.

I've never seen this before, so not sure how it's normally used. But I like it a lot. Instead of randomly using transforms to add "flair" to your presentation, it looks useful for presenting multiple scales of diagrams in an intuitive way. It's like powerpoint + https://c4model.com/.

Re: 3D in CSS

#19

Post by nier »

sfpotter wrote: post #16
derkoe wrote: 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).

Walls of text too often come with the monotone recital of that very text. But if you’re lucky, the speaker mixes up the order of bullet points or even forgets one which helps you keep your mind engaged and stay awake.
Post reply on HN